rect.desy.abeille-assurances.fr
Open in
urlscan Pro
2a06:98c1:3200::90:0
Public Scan
Submitted URL: https://rect.desy.abeille-assurances.fr/
Effective URL: https://rect.desy.abeille-assurances.fr/v.2023.01/documentation/index.html
Submission: On July 15 via automatic, source certstream-suspicious — Scanned from FR
Effective URL: https://rect.desy.abeille-assurances.fr/v.2023.01/documentation/index.html
Submission: On July 15 via automatic, source certstream-suspicious — Scanned from FR
Form analysis 1 forms found in the DOM
POST ./search/
<form class="awf-site-search t-accent-dark t-accent-dark--1" id="awf-search" action="./search/" method="post" itemprop="potentialAction" itemscope="" itemtype="https://schema.org/SearchAction" role="search" style="display:none">
<fieldset class="l-content-container m-form-row">
<legend>Search</legend>
<input name="_csrf" value="dAXfnt1j-XchrRn5afxtfI11kQNWq70PihdM" type="hidden">
<meta itemprop="target" content="./search/?query={query}">
<label class="a-label u-hidden--visually" for="q">Search site</label>
<div class="awf-site-search__box">
<input class="a-textbox awf-site-search__input has-module-observer" name="query" id="q" type="search" value="" itemprop="query-input" placeholder="Enter search term" data-module="app/site-search-predictive">
<button class="a-button awf-site-search__button" id="submit" type="submit">Search</button>
</div>
</fieldset>
</form>Text Content
Skip to content
* Menu
* Search
MENU
SITE NAVIGATION
* Global Standards
Abeille Assurances' global DESY for websites, apps and html emails
* Home
* Standards
Global Standards
Standards
* Development standards
Development standards
Development standards
* HTML
* Security
* ARIA
* CSS
* BEM methodology
* JavaScript
* Object-oriented JavaScript template
* JSON
* Tags and data layer
* Linting
* Accessibility standards
* Testing standards
Testing standards
Testing standards
* Approach
* Tools
* Further reading
* Performance and optimisation
* Progressive enhancement
* Browser support
* Search engine optimisation
Search engine optimisation
Search engine optimisation
* Introduction
* Content creation
* Design and build
* Copywriter checklist
* Sample keywords
* Legal
* Responsive design
* Adaptive content
* HTML email
* Tools
Global Standards
Tools
* Bookmarklets
* SVG to Base64
* Error-b-gone
* QR code generator
* Other useful tools
* Articles
* Accessibility Manual
Abeille Assurances' guidance for building inclusive experiences
* Accessibility
* Guidance
Accessibility Manual
Guidance
* Introduction
* Dos and don'ts for accessibility
* Checklist
* Coding for accessibility
* Content
* Navigation
* Styling and graphics
* Animated elements and multimedia
* Applications, forms and error handling
* Being Dyslexia friendly
* How to test
* Front End Framework
Abeille Assurances' UX, design and front-end atomic element library
* Framework
* Start your project
Front End Framework
Start your project
* Overview
* Processes
* Design
* Open source
* How to guides
How to guides
How to guides
* Introduction
* Designer's guide
Designer's guide
Designer's guide
* Design setup
* Contributing to Framework
* Developer's guide
Developer's guide
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
Open source
Open source
* Introduction
* Component creation
* Usage guidelines
* Acceptance criteria
* Reporting bugs
* Style guide
Front End Framework
Style guide
* Accent colours
* Colour
* Grid
* Themes
Themes
Themes
* Themes introduction
* Auto themes
* Local themes
* Managed themes
* Partner themes
* Typography
* Components
Front End Framework
Components
* Vue globale des composants Component categorisation
* Accessibility
Accessibility
Accessibility
* Accessibility settings
* Banners and media
Banners and media
Banners and media
* Audio player
* Hero banner
* Imagery
* Map styling
* Section feature banner
* Shallow hero banner
* Video hero banner
* Video player
* Buttons and links
Buttons and links
Buttons and links
* Buttons
* Links
* Cards and notifications
Cards and notifications
Cards and notifications
* Cards
* Carousel
* Confirmation cards
* Download cards
* Icon cards
* Information cards
* Keyline cards
* Link cards
* Navigation cards
* News, category and icon cards
* Notification patterns
* Numeric cards
* Promo cards
* Promo cards with imagery
* Quote summary
* Report cards
* Review cards
* Story deck
* Tertiary cards
* Title section cards
* Contact support and social
Contact support and social
Contact support and social
* Call us panel
* Contextual help
* FAQ panel
* FAQ panel right
* Help utility section
* Social links
* Toll-free number
* Forms
Forms
Forms
* Forms introduction
* Checkboxes and radio buttons
Checkboxes and radio buttons
Checkboxes and radio buttons
* Checkbox
* Checkbox multicard select, basic variant
* Checkbox multicard select, complex variant
* Checkbox multicard select, comprehensive variant
* Checkbox multiselect
* Checkbox toggle
* Price comparison
* Radio buttons
* Radio card controls
* 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
Payments
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
Long Form Article
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
Navigation
Navigation
* Breadcrumb
* Pagination
* Progress bar
* Secondary navigation
* Timeline
* Wayfinder
* Page layout
Page layout
Page layout
* Columns
* Columns with dividers
* Container
* Divider line
* Editorial content container
* Legal supporting text and image
* Loading indicator
* Maximum width container
* Section
* Step by step
* Page structure
Page structure
Page structure
* Back to top
* Base template
* Cookie policy
* Footer
* Masthead
* Masthead country selector
* Masthead 2
* Site switcher
* Stand-alone global navigation
* Sticky CTA bar
* Sticky price
* Removed components
Removed components
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
Search and filtering
Search and filtering
* Filter tags
* Predictive search
* Show / hide content
Show / hide content
Show / hide content
* Full screen modal
* Modal
* Opening times
* Primary tabs
* Show more
* Show/hide
* Tabs
* Tables, charts and data
Tables, charts and data
Tables, charts and data
* Data group
* Data replay
* Doughnut charts
* Horizontal value bar
* Pie charts
* Review stars
* Tables
* Typography
Typography
Typography
* Body copy
* Heading
* Heading group
* List
* Numeric indicator
* Quote
* Utilities
Utilities
Utilities
* Content fade
* Lazy loading
* Utility classes reference
* Templates
Front End Framework
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
Structures
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
Front End Framework
Resources
* Icon library
* Releases
Front End Framework
Releases
* What's new (release updates)
* Roadmap
* Migration guide
* Contact us
ABEILLE ASSURANCES' DESY V.2023.01
Our global experience guidelines for websites, apps and emails
WELCOME TO ABEILLE ASSURANCES' DESY FRAMEWORK V.2023.01 SITE
The detail contained within the various sections outlined here explains more
about the standards expected in both design and code when producing websites for
Abeille Assurances or our partners, while also giving guidance on the minimum
standards required to meet accessibility regulations and the reasons we should
always be striving to go above and beyond those thresholds.
We hope you find the content useful, but reach out to us if you need any further
assistance or have a suggestion for additional content you feel other team
members would benefit from.
* DEVELOPMENT STANDARDS
Learn more about Abeille Assurances' global websites development standards.
Learn more
* ACCESSIBILITY MANUAL
Abeille Assurances' Guidance for creating digital products and services that
anyone can use.
Learn more
* FRAMEWORK DESIGN SYSTEM
Our atomic design system, learn why using it leads to better experiences for
our customers.
Learn more
BUILD CONSISTENT EXPERIENCES
* THEMING
Themes are sets of overrides to the colour scheme of the default Framework
setup and can be used for partner-branded products or custom internal
experiences.
View theming
* TEMPLATES
Created by us for you to make building and designing easier. Our templates
can also be used as a guide on how our components fit together.
View templates
HELPFUL LINKS AND GUIDES
* TOOLS
A series of tools to help develop and maintain the standard of websites and
media produced by Aviva. These include the generation of QR codes for
marketing purposes.
Read more
* HTML EMAIL
Creating HTML email is a very different proposition compared to creating a
website. These standards define the unique coding practices required and the
visual styling recommended for our brand.
Read more
* ICON LIBRARY
A full icon set that can be used along with the Framework when developing
websites for Aviva; helping with consistency and performance.
Read more
* STAY UPDATED
Want to always stay up to date with any changes made to the Abeille
Assurances standards website?
Subscribe to the RSS feed.
Read more
Search Search site
Search
Abeille Assurances' dedicated site for Abeille Assurances website production and
design. Not for use with customers, brokers, advisors or investors.
Abeille Assurances DESY
* Search
* Contact us
Updates
* Standards updates (ATOM)
* Framework updates (ATOM)
* Legal
* Privacy policy
* Cookie policy
* Accessibility
* Sitemap
* © 2022 Abeille Assurances