Search

Career site: Accessibility and WCAG

The following article addresses some of the ways in which Emply career sites meet WCAG standards.

Alt attribute for non-text based content

  • There are text-based alternatives for all non-text based content that can be adjusted to the user’s convenience. This can be done through the editor or through the HTML editor.

  • Default icons that cannot be modified by the user are coded with alt text.

Information and relation

Pages can be navigated with the use of keyboard and the focus will follow a logical path for navigation and pop-ups.

Identifying input

Input fields are recognizable and declared as such - for example in the login box.

Contrast

Contrasts make it easier for people to distinguish the text from the background, making it more readable for people who may struggle with visual impairments. The default contrast in the career site elements are built to have the needed contrast. This, however, cannot be guaranteed for sites that have customized CSS. Further customization can be done through the editor and HTML code if needed.

Focus

The order in which pop-ups and modal boxes appear is logical and the voice over software reads out the window in focus rather than the background page.

Language

Page language is declared.

Open positions element

  • Drop down element: it is possible to navigate the element with use of the keyboard.

  • Search field: The search field is declared as such.

Sending an application

  • Mandatory sign: The mandatory sign * in the form is declared as required and can be read by voice over.

  • Hovering error messages: Error messages displayed on hover have area attributes and can be read by voice over.

Job agent element

  • Visual labels for fields: Job agent related default fields have visual labels facilitating voice over use in the element.

  • Drop down element: It is possible to navigate the element with the use of the keyboard.

  • Frequency choice: The frequency element has attributes ensuring the chosen option is declared.

  • Hovering error messages: Error messages displayed on hover have aria attributes and can be read by voice over.

User profile

  • Visual label for fields: Job agents related default fields have visual labels facilitating voice over use in the element

  • Mandatory sign: The mandatory sign * in the form is declared as required and can be read by voice over.

WCAG alternative text and logo in the layout

Comply with WCAG (Web Content Accessibility Guideline) guidelines to maximize your career site's accessibility to a broader group of visitors to your website, especially those with visual impairments.

  1. 1. Go to Career Site in the main menu.

    Screenshot_2023-03-29_at_13.54.55.png
  2. Click on the cogwheel to access settings.

    Screenshot_2023-04-03_at_14.23.46.png
  3. Unfold Layout and click on the pencil icon to edit.

    Screenshot_2023-04-03_at_14.24.13.png
  4. Hover your mouse over the preferred layout and the pencil icon will appear.

    WCAG2-en.png
  5. Unfold HTML <body>.

    Screenshot_2023-04-03_at_14.27.37.png
  6. You will see a text formatted in HTML.

    Note

    Line 6 can be edited to type in the component of your website you wish to be more accessible for those who are visually impaired. The format must be alt=component.

    Cursor_and_Sharing_Indicator.png

    Note

    This example uses =Logo in the HTML text. Now, the screen reader will read the word out loud, making the website easier to access for individuals with visual impairment.

Was this article helpful?

Was this article helpful?

Want to get in touch?

We got you. Fill out a request and we'll get back to you as soon as possible.

Submit a request