Sitemap

Global Standards

Abeille Assurances' global standards for websites, apps and html emails

• Standards

  • Development standards

    • HTML
    • Security
    • ARIA
    • CSS
    • BEM methodology
    • JavaScript
    • Object-oriented JavaScript template
    • JSON
    • Tags and data layer
    • Linting

  • Accessibility standards

  • Testing standards

    • Approach
    • Tools
    • Further reading

  • Performance and optimisation

  • Progressive enhancement

  • Browser support

  • Search engine optimisation

    • Introduction
    • Content creation
    • Design and build
    • Copywriter checklist
    • Sample keywords

  • Legal

  • Responsive design

  • Adaptive content

  • HTML email

  ---

• Tools

  • Bookmarklets

  • SVG to Base64

  • Error-b-gone

  • QR code generator

  • Other useful tools

  ---

• Articles

  ---

---

Accessibility Manual

• Guidance

  • Best practice

    • Dos and don'ts for accessibility
    • Being Dyslexia friendly
  • Content designer

  • Engineer and front-end developer

    • Coding for accessibility
    • Content
    • Navigation
    • Styling and graphics
    • Animated elements and multimedia
    • Applications, forms and error handling
  • QA tester

---

Front End Framework

Abeille Assurances' UX, design and front-end atomic element library

• Start your project

  • Overview

  • Processes

  • Design

  • Open source

  • How to guides

    • Introduction

    • Designer's guide

      • Design setup
      • Contributing to Framework
      • Image optimisation

    • Developer's guide

      • Code setup
      • Upgrading the Framework version
      • Extending the Framework
      • Accessibility
      • Automated testing
      • Image optimisation
      • JavaScript
      • Javascript (v4 and below)
      • Migrating away from jQuery
      • Locale settings
      • Locale settings (v4 and below)
      • Utility
    • Framework team reviews

    • Open source

      • Introduction
      • Component creation
      • Usage guidelines
      • Acceptance criteria
    • Reporting bugs

  ---

• Style guide

  • Accent colours

  • Colour

  • Grid

  • Themes

    • Themes introduction
    • Auto themes
    • Local themes
    • Managed themes
    • Partner themes

  • Typography

  ---

• Components

  • Component categorisation

  • Accessibility

    • Accessibility settings

  • Banners and media

    • Audio player
    • Hero banner
    • Imagery
    • Map styling
    • Section feature banner
    • Shallow hero banner
    • Video hero banner
    • Video player

  • Buttons and links

    • Application and app store buttons
    • Buttons
    • Links

  • Cards and notifications

    • Cards
    • Carousel
    • Download cards
    • Icon cards
    • Keyline cards
    • Link cards
    • Navigation cards
    • News, category and icon cards
    • Notification patterns
    • Numeric cards
    • Promo cards
    • Promo cards with imagery
    • Report cards
    • Review cards
    • Story deck
    • Tertiary cards
    • Title section cards

  • Contact, support and social

    • Call us panel
    • Contextual help
    • FAQ panel
    • FAQ panel right
    • Help utility section
    • Social links

  • Forms

    • Forms introduction

    • Checkboxes and radio buttons

      • Checkbox
      • Checkbox multicard select, basic variant
      • Checkbox multicard select, complex variant
      • Checkbox multicard select, comprehensive variant
      • Checkbox multiselect
      • Checkbox toggle
      • Radio buttons
      • Radio segmented controls
      • Radio singlecard select, basic variant
      • Radio singlecard select, complex variant
      • Radio singlecard select, comprehensive variant
    • Date
    • Date range
    • Dropdown
    • Explanatory text
    • File upload
    • Form affix
    • Form assumptions
    • Form help show more
    • Form row
    • Form row group
    • Form row instruction
    • International contact
    • Outputs

    • Payments

      • Payment options list
      • Wallet
      • Wallet, add card
      • Wallet, edit card
      • Wallet, remove card
      • Wallet, stored cards
    • Plus/minus number textbox
    • Preferred contact
    • Progressive disclosure
    • Slider
    • Slider range
    • Textarea
    • Textbox
    • Textbox format

  • Long Form Article

    • Audio card
    • Author and contributor box
    • Chapter index
    • Image gallery card
    • Large video player
    • Long form article
    • Long form hero
    • Read next article
    • See also card
    • Social sharing bar

  • Metadata and microdata

  • Navigation

    • Breadcrumb
    • Pagination
    • Progress bar
    • Secondary navigation
    • Timeline
    • Wayfinder

  • Page layout

    • Columns
    • Columns with dividers
    • Container
    • Divider line
    • Editorial content container
    • Legal supporting text and image
    • Loading indicator
    • Maximum width container
    • Section

  • Page structure

    • Base template
    • Cookie policy
    • Footer
    • Masthead
    • Masthead country selector
    • Site switcher
    • Stand-alone global navigation
    • Sticky CTA bar

  • Removed components

    • Agent profile call back
    • Agent profile card
    • Blue help bar
    • FAQ list
    • Form row help
    • In-page navigation
    • Linear navigation
    • Non-linear navigation
    • Product header
    • Product roundels
    • Results filter
    • Textbox group
    • Textbox symbol

  • Search and filtering

    • Filter tags
    • Predictive search

  • Show / hide content

    • Full screen modal
    • Modal
    • Opening times
    • Primary tabs
    • Show more
    • Show/hide
    • Tabs

  • Tables, charts and data

    • Data group
    • Data replay
    • Doughnut charts
    • Horizontal value bar
    • Pie charts
    • Review stars
    • Tables

  • Typography

    • Body copy
    • Heading
    • Heading group
    • List
    • Numeric indicator
    • Quote

  • Utilities

    • Content fade
    • Lazy loading
    • Utility classes reference

  ---

• Templates

  • Authentication pin entry

  • Filters results template

  • Login / register form

  • Multi-page form

  • Profile landing page

  • Removed templates

  • Single page form

  • Standard page template

  • Structures

    • Page structures introduction
    • 66-33 rhs form layout
    • Columns structure layout
    • Full width brochure
    • Full width form
    • Login / register form layout
    • Single page form layout

  • Wallet

  ---

• Resources

  • Icon library

  ---

• Releases

  • What's new (release updates)

  • Roadmap

  • Migration guide

  ---

• Contact us

  ---

---