We use necessary cookies to make our website work. We'd also like to use optional cookies to understand how you use it, and to help us improve it.

For more information, please read our cookie policy.

Buttons

We would like to hear from you

The CAA is committed to improving how we deliver services, please help us by completing a short survey about your experiences today

Call to action

Example

Create new record Edit record Show all records

Markup

                        
<div class="c-button-set">
    <a href="#" class="c-button-set__link c-button-set__link--edit" role="button">
        <span class="icon icon-plus">

        </span>
        <span>
            Create<span class="u-visuallyhidden"> new record</span>
        </span>
    </a>
    <span class="c-button-set__link-separator" aria-hidden="true"></span>
    <a href="#" class="c-button-set__link" role="button">
        <span class="icon icon-pencil">

        </span>
        <span>
            Edit<span class="u-visuallyhidden"> record</span>
        </span>
    </a>
    <span class="c-button-set__link-separator" aria-hidden="true"></span>
    <a href="#" class="c-button-set__link c-button-set__link--show-all" role="button">
        <span class="icon icon-checkbox-unchecked">

        </span>
        <span>
            Show all<span class="u-visuallyhidden"> records</span>
        </span>
    </a>
    <span class="c-button-set__link-separator" aria-hidden="true"></span>
    <a href="#" id="HelpButton" class="c-button-set__link" role="button" aria-controls="HelpText" aria-expanded="false">
        <span class="icon icon-question">

        </span>
        <span>
            Help
        </span>
    </a>
</div>

Guidance

  • The call to action button set should be positioned top right of the page content 
Back to top

Document

Example

CAA Frontend v1.0.0 - 28 Jun 2023 ZIP, 822KB

Markup

                        
    <a href="/media/syjdol0i/caa-frontend-v1-0-0.zip" class="c-document">
        <span class="icon icon-download3">
            <span class="path"></span>
        </span>
        <span class="c-document__link">
            CAA Frontend v1.0.0
            
                -  28 Jun 2023        </span>
        <span class="c-document__description">ZIP,  822KB</span>
    </a>
Back to top

News from UK Civil Aviation Authority

  1. UK to bring aviation experts together for third legal summit
    • Published on:
    • Category: News Item
  2. UK Civil Aviation Authority approves Manchester Low-Level Route airspace change
    • Published on:
    • Category: News Item
  3. Real term price reduction proposed for UK Civil Aviation Authority charges
    • Published on:
    • Category: News Item