Report:
Audit digital accessibility website Oxxio.nl

Outcome: Failed

Findings: The homepage https://www.oxxio.nl contains several images that contain an alt description while the images are shown for decoration purposes. For example, the image above the title "Energie tegen een scherpe prijs" has the description "Geldpotten Energie tegen een voordelige prijs". This text does not describe the image. An alt description is required for images that convey essential information or are important to the content or functionality of the page. An alt description is not required for images that are used for decorative purposes, an image with an empty alt text will be ignored by for example screen reader software. When an alt description is given make sure you only describe what is visible in the image. Take into consideration that reading the description takes up valuable time, so make sure only essential information is given, repeating (part of) the title of the article that goes with the image is not correct.
This issue also occurs on other pages. For instance, on the page https://www.oxxio.nl/over/nieuws/wat-verandert-er-in-2025/ the images underneath the header "Gerelateerde verhalen" have alt texts that repeat the title of the story and on https://www.oxxio.nl/stroom-en-gas/, the image with the alt text "verhuizen kost veel energie maar niet bij Oxxio" does not describe the image.

The page https://www.oxxio.nl/app/jaarcheck/ contains a heading with the text "Controle met de Oxxio app". There are two images that link to the Oxxio app in the App Store and Google Play store. The App Store image contains the text "Download in de App Store" and its alt description reads "Apple App Store Badge". The image for Google Play contains the text "ONTDEK HET OP Google Play" and its alt description reads "Google Play Store Badge". The alt description should describe or match the contents of the images. Fix this issue by changing the alt descriptions so they match the text in the images.

The page https://inloggen.acc.oxxio.nl/ contains a GetFeedback dialog that is visible after waiting an unknown amount of time. In the dialog is an Oxxio logo that has the alt text "logo". Blind people or people with low visibility rely on screen reader software to inform the of contents on a page. It is not possible for them to perceive that this is the Oxxio logo. Make sure that the alt text correctly describes the image contents ("Logo Oxxio").

Outcome: Inapplicable

Outcome: Passed

Outcome: Failed

Findings: The page https://www.oxxio.nl/over/blog/jaarnota-duurt-lang/ contains a video that loads when the image thumbnail is activated. There is no transcript or audio description available. The text on the screen that writes "#OPGELOST! Ik heb mijn meterstanden doorgegeven, wanneer komt de jaarnota?" at 0:02 isn't being mentioned in the audio track. People who are blind or have low vision will miss the visual information that can help them establish the goal of this video and decide if this is the right video for them. Fix this issue by supplying a written transcript of the video's spoken words and necessary visual information or supply an audio description that communicates visual information to blind people and to people with low vision.

Outcome: Inapplicable

Outcome: Failed

Findings: The page https://www.oxxio.nl/over/blog/jaarnota-duurt-lang/ contains a video that loads when the image thumbnail is activated. There is no audio description available. The text on the screen that writes "#OPGELOST! Ik heb mijn meterstanden doorgegeven, wanneer komt je jaarnota?" at 0:02 isn't being mentioned in the audio track. People who are blind or have low vision will miss the visual information that can help them establish the goal of this video. Fix this issue by supplying an audio description that communicates visual information to blind people or people with low vision.

Outcome: Failed

Findings: The page https://www.oxxio.nl/over/nieuws/wat-verandert-er-in-2025/ contains an article. There are multiple paragraphs after the heading named "De netbeheerkosten stijgen in 2025". The space between paragraphs is created by two <br> elements. The use of <br> to create space visually is not a recommended practice for accessibility purposes. Blind people or people with low visibility rely on screen reader software to perceive the contents of a page. When they navigate the page using keyboard arrows, their screen reader software will mention "empty" between paragraphs. This can give them the impression of missing information that is not visible to them. Make sure that <br> is no longer used to create visual space between paragraphs, but rather in CSS. This issue also occurs on https://www.oxxio.nl/toegankelijkheidsverklaring/.

The page https://www.oxxio.nl/over/nieuws/wat-verandert-er-in-2025/ contains a table under the heading labelled "Rekenvoorbeeld". The horizontal and vertical headings in this table are not classified as <th> (table heading), but as <td> (table data). Blind people or people with low visibility rely on screen reader software to perceive the contents of a page. When a table is coded correctly, screen reader software users can easily find what data they're looking at, and what the name of the column is. Make sure that table heading cells are coded correctly.  Table headings in this table should have a scope attribute, for example, for "2024" and "2025" this should have the value “col”.

On page https://www.acc.oxxio.nl/mijn-oxxio/gegevens/contactvoorkeuren/ a radio button can be chosen under 'Jouw voorkeuren'. The answers that belong to these radio buttons, are not correctly linked to the questions which they belong to. Solve this by example by using a combination of 'fieldset' and 'legend'. The same occurs under the heading 'Jouw mening telt', by the question 'Natuurlijk, geen probleem'. The problem occurs on more places on the website, another example occurs on page https://www.acc.oxxio.nl/mijn-oxxio/verbruik/, after clicking the button 'Vergelijken', under the question 'Vergelijk je energieverbruik met'.

The page https://www.acc.oxxio.nl/mijn-oxxio/verbruik/ contains a graph. Next to that graph is a content block with the title "Februari 2025". The title functions as a heading but is not programmed as a heading. Blind people or people with low visibility can use headings to grasp the contents and structure of a page. It also helps them access information faster. Make sure that the title is coded as a heading. The same issue occurs with the "Download" title on the content block below "Februari 2025".

Downloaded "Termijnnotas" from https://www.acc.oxxio.nl/mijn-oxxio/notas/ are not tagged. People who rely on assistive software will have difficulty reading and navigating documents. For instance, people with low vision or that are blind rely on screen reader software and headings to navigate large pieces of text. Headings help them find information faster. There are no headings, meaning it is very difficult for people using screen reader software to find information. The same issue occurs on PDF https://www.oxxio.nl/-/media/oxxio-nl/files/oxx-16116-modelcontractvoorwaarden.pdf?rev=577eb0f3bae34c23a1c2072386090d4b.

The PDF https://www.oxxio.nl/-/media/oxxio-nl/files/voorwaarden/bijlage-5b-ddma-gedragscode-telemarketing.pdf?rev=d4f6a04d90c94dd6b1a0ec7277914380 is not tagged correctly. For instance:

• There are empty <P> tags on all pages. Screen reader software reads all paragraphs on a page, even when there is no content. Empty paragraphs sound as long pauses for people who use screen reader software to read this PDF. Make sure that there are no empty <P> tags.
• On page 1, there is an empty <H3> tag after "Definities". Blind people or people with low visibility can use headings to grasp the contents and structure of a page. Some versions of screen reader software don't skip empty headings. Make sure that there are no empty heading tags.
• On page 1, the paragraph that starts with "II. Het opzetten van" has a <H2> tag but should not be a heading. The same issue occurs with "III. Telemarketing dient in overeenstemming" and other paragraphs like it. Blind people or people with low visibility can use headings to grasp the contents and structure of a page. It can be confusing for screen reader software users when paragraphs present themselves as headings. Headings should describe contents below. Make sure that elements are coded correctly.
• On page 2, "Training Telemarketeers" should be a heading but is coded as a <P>. Blind people or people with low visibility can use headings to grasp the contents and structure of a page. It also helps them access information faster. "Training Telemarketeers" isn't coded as a heading, which makes it hard for screen reader software users to find the information.
• On page 2, the word "hier" in "DOWNLOAD hier te vinden" looks like a link but isn't coded as a link. People with motor disabilities can navigate computers using speech recognition software by pronouncing (the names of) page elements they want to activate. If they want to activate "hier", nothing will happen. Make sure that it is coded as a link if it is a link.
• On page 3, "Kennistoets" looks like a heading but is coded as a <P>. The same issue occurs with "Toelichting" on the same page. Blind people or people with low visibility can use headings to grasp the contents and structure of a page. It also helps them access information faster. "Kennistoets" and "Toelichting" aren't coded as headings, which makes it hard for screen reader software users to find the information.

Outcome: Passed

Outcome: Passed

Outcome: Passed

Outcome: Passed

Outcome: Failed

Findings: The page https://inloggen.acc.oxxio.nl/ contains an input field labelled "E-mail adres". When the visitor enters information and activates the "Ga verder" button, a new page is loaded where a "Wachtwoord" input field is shown. The field contains a button with an eye that shows what the visitor has typed. Activating the toggle changes the icon's colour from grey (HEX #8C8B8D) to black. For this criterion, make sure that there is an additional way to show that the status of this button has changed, so the information is not only conveyed by visual changes.

Outcome: Inapplicable

Outcome: Failed

Findings: The page https://www.oxxio.nl/klantenservice/ contains a navigation header. The word "Klantenservice" is shown in light blue (HEX #03A2FF) on a white background. This forms a contrast of 2.7:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive the link text. The same issue occurs when links in the navigation menu and submenus are hovered. The issue with this colour on white also occurs with light blue links on https://www.acc.oxxio.nl/mijn-oxxio/, https://www.oxxio.nl/voorwaarden/, https://www.acc.oxxio.nl/mijn-oxxio/gegevens/persoonsgegevens/ and on other pages. Make sure that links always have enough contrast with their background.

The page https://www.acc.oxxio.nl/mijn-oxxio/verbruik/ contains a "Mijn Oxxio" menu. When the menu is opened, two menu items are coloured light blue (HEX #03A2FF) on a white background. This forms a contrast of 2.7:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can read the link text.

The page https://www.oxxio.nl/stroom-en-gas/ contains headings named "Energie regelen bij verhuizen" and "Met spoed energie nodig?". Below the headings are text links that read "Lees meer over verhuizen" and "Met spoed energie nodig". Both links are light blue (HEX #03A2FF) on a yellow (HEX #FDC831) background. This forms a contrast of 1.7:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive the links.

The page https://www.oxxio.nl/stroom-en-gas/ contains a link named "bekijk meer beoordelingen" after the heading "Onze klanten zijn dik tevreden". The link is light blue (HEX #03A2FF) on a grey (HEX #DEDFE5) background. This forms a contrast of 2:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive the link.

Outcome: Passed

Outcome: Passed

Outcome: Failed

Findings: When the browser window is set to 1280 by 1024 and zoomed in to 400%, the homepage (https://www.oxxio.nl) does not fit horizontally and introduces a horizontal scroll bar. The page should reflow to fit all contents without requiring a horizontal scroll. Make sure that all page contents fit inside the viewport. The same issue occurs on https://www.acc.oxxio.nl/mijn-oxxio/.

On all pages, the "Feedback" and Chat buttons hover over the page contents when a visitor has zoomed in to 400% on a window size of 1280 by 1024. This makes reading texts and headings, operating forms and reading tables difficult. Make sure that the Feedback and Chat buttons do not overlap page contents when zoomed in to this zoom level.

The page https://www.oxxio.nl/stroom-en-gas/ contains a link named "Ontdek alle voordelen van onze app". When the browser window is set to 1280 by 1024 and zoomed in to 400%, the link text is cut off and is not fully readable. People who rely on 400% page zoom are unable to read the text. Make sure that the text is still readable when visitors zoom in.

The page https://www.oxxio.nl/voorwaarden/ contains cards with titles such as "Modelcontract voorwaarden voor stroom en/of gas" and "Voorwaardenoverzicht voor nieuwe energiecontracten vanaf 25 april 2024". When the browser window is set to 1280 by 1024 and zoomed in to 400%, a horizontal swipe is needed to scroll the other cards in the same row. No buttons are introduced to scroll to the next card, making it hard for people to find documents on the page. Make sure that it is easier for people who rely on a 400% page zoom to see the page contents.

On all pages, the Chat interface does not show the chat's messages when a visitor has zoomed in to 400% on a window size of 1280 by 1024. Only the input field is visible. Make sure that the chat interface is usable when users require zooming in to see page contents.

On all pages, the Chat interface shows an input field where the visitor can send a message. When the visitor adjusts text and have zoomed in to 400% on a window size of 1280 by 1024, the placeholder text gets cut off. Make sure that all text is visible when the user changes font appearance on zoom levels up to 400%.

Outcome: Failed

Findings: On the homepage (https://www.oxxio.nl) and on other pages, there is a footer with links named "Privacy", "Voorwaarden", and more. When the focus is set on items in this list, only a border around the link is visible. The colour of the focus border is purple (HEX #3B416F) and it is visible on a dark background (HEX #000649). This forms a contrast of 1.9:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive what links are in focus. This issue also occurs when the social media links in the footer have focus, and on https://www.oxxio.nl/app/jaarcheck/ when the download badges for App Store and Google Play have focus.

The page https://www.oxxio.nl/klantenservice/ contains expandable elements after the heading named "Vind informatie over". On the right of each subject is a circled chevron in light blue (HEX #03A2FF) on white. This forms a contrast of 2.7:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive that the subjects are expandable and collapsible. The same issue also occurs with the circled chevron icons after the header "Kom je er niet uit?" on the same page and on https://www.acc.oxxio.nl/mijn-oxxio/notas/.

The page https://www.oxxio.nl/over/blog/jaarnota-duurt-lang/ contains an image to load a video. On top of the image is a link that starts with "We maken energie bij Oxxio weer wat makkelijker". When the link is focused, it receives a purple border (HEX #2A4B5C) on the image that contains a dark background (HEX #3B416F). This results in a contrast of 1:1, when that should be at least 3:1 for all people to perceive that the link has focus. Make sure that there is enough contrast between the focus border and the background.

The page https://inloggen.acc.oxxio.nl/ contains an input field labelled "E-mail adres". The field has a grey border (HEX #D6D6E0) on a white background. This forms a contrast of 1.4:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive the input field. The same issue occurs on the "Wachtwoord" field in the same login process.

The page https://inloggen.acc.oxxio.nl/ contains an input field labelled "E-mailadres". When the field is hovered, the field receives a light purple border (HEX #C0C1E6) on a white background. This forms a contrast of 1.7:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive that the input field is being hovered. The same issue occurs on the "Wachtwoord" field in the same login process.

The page https://inloggen.acc.oxxio.nl/ contains an input field labelled "E-mailadres". When the field is focused, the field receives a light blue border (HEX #B3E2F1) on a white background. This forms a contrast of 1.4:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive that the input field is in focus. The same issue occurs on the "Wachtwoord" field in the same login process.

The page https://inloggen.acc.oxxio.nl/ contains an input field labelled "E-mailadres". When the visitor enters information and activates the "Ga verder" button, a new page is loaded where a "Wachtwoord" input field is shown. When the visitor puts focus on the field, doesn't type anything, and uses the Tab key to focus on another element, the field receives a light red border (HEX #EC7171) on a white background. This forms a contrast of 2.9:1, when that should be at least 3:1. Make sure that there is enough contrast so people with low vision can perceive that the input field has an error.

Outcome: Passed

Outcome: Passed

Outcome: Failed

Findings: The page https://www.oxxio.nl/over/blog/jaarnota-duurt-lang/ contains the linked text "We maken energie bij Oxxio weer wat makkelijker. Hoe? Met de Directe Jaarnota. Zo weet je meteen of je geld terug krijgt of dat je moet bijbetalen." and an image that looks like a YouTube player. When the image is activated, an embedded YouTube video is loaded and played. However, the image cannot be navigated to by keyboard. The only accessible element in the image box is the linked text. When the user activates the linked text, the browser opens a YouTube page with the video. People with motor disabilities navigate computers using the keyboard or other types of assistive software. The image looks like it loads an embedded video but for them the link will only load a YouTube page. They are unable to load and play the embedded video. Make sure that the embedded video loads for keyboard users as well.

The homepage (https://www.oxxio.nl) and all other pages contain a Usabilla Feedback button. The button cannot be activated when screen reader software like NVDA is active. When screen reader software is inactive, the button can be activated, and a feedback dialog becomes visible. This makes it impossible for people who rely on screen reader software to give feedback. Make sure that the feedback dialog can always be activated.

The homepage (https://www.oxxio.nl) and all other pages contain a Usabilla Feedback button. When the button is activated, a feedback dialog becomes visible. In this dialog, when the user chooses "Specifieke feedback", a dialog is shown with the text "Klik op het onderdeel waar je feedback over wil geven". It asks the user to use the mouse to select a page element. It is not possible to select a page element by keyboard. This makes it impossible for people who rely on navigating by keyboard to give feedback. Make sure that this option also works with the keyboard.

Outcome: Passed

Outcome: Failed

Findings: The page https://www.oxxio.nl/over/blog/jaarnota-duurt-lang/ has an image that loads an embedded video when clicked. The video responds to single character key shortcuts, such as "F" for full screen. People with disabilities navigate computers using assistive software. The user may have set up keys to help them navigate their computer. For instance, a key like "F" could be set up for them to invoke other actions on their device. The video player overrides these settings. Fix this issue by adding the "&disablekb=1" parameter to the embed URL.

Outcome: Inapplicable

Outcome: Inapplicable

Outcome: Passed

Outcome: Passed

Outcome: Failed

Findings: The homepage (https://www.oxxio.nl) contains the page title "Energieleverancier Oxxio | Oxxio". The title contains the website name but does not describe the page. When a user has multiple tabs or windows open of the Oxxio website, it may be difficult to determine which page is the homepage. Fix this issue by making it clear that this is the Oxxio homepage.

The page https://www.acc.oxxio.nl/mijn-oxxio/ contains the page title "Mijn Oxxio". The title contains the website name but does not describe the page. When a user has multiple tabs or windows open of the Mijn Oxxio website, it may be difficult to determine which page is the Mijn Oxxio homepage. Fix this issue by making it clear that this is the homepage of Mijn Oxxio

PDF files https://www.oxxio.nl/-/media/oxxio-nl/files/voorwaarden/bijlage-5b-ddma-gedragscode-telemarketing.pdf?rev=d4f6a04d90c94dd6b1a0ec7277914380 and https://www.oxxio.nl/-/media/oxxio-nl/files/voorwaarden/bijlage-5b-ddma-gedragscode-telemarketing.pdf?rev=d4f6a04d90c94dd6b1a0ec7277914380 have empty titles. People use titles to know what a document is about. Make sure to set a page title that describes the document's contents.

Downloaded PDFs "Termijnnotas" from https://www.acc.oxxio.nl/mijn-oxxio/notas/ use the title "Invoice-Oxxio" in the meta information. This is not a descriptive title. Make sure that each termijnnota uses a title that accurately describes what the document is about, such as "Invoice Oxxio July 2025". It is also important to change the settings, because the documents are set to show the file name instead of the title. When this option is set incorrectly, window names of this PDF will show the file name instead of the actual title. When file names are shown, it can be difficult for people to choose the right document when they have multiple files opened. The same issue occurs on PDF https://www.oxxio.nl/-/media/oxxio-nl/files/oxx-16116-modelcontractvoorwaarden.pdf?rev=577eb0f3bae34c23a1c2072386090d4b

Outcome: Failed

Findings: The homepage (https://www.oxxio.nl) contains a chat bot that expands when the Oscar image is activated. When the chat box is expanded, it is possible for users to use the Tab key to access interactive elements on the underlying page. This should not be possible. When a modal is shown, the focus order should be limited to interactive elements inside of the modal. Make sure that focus is limited to elements inside the chat box.

Outcome: Failed

Findings: The page https://www.acc.oxxio.nl/mijn-oxxio/gegevens/persoonsgegevens/ contains two link texts that read "Aanpassen". The first link follows the heading named "Persoonsgegevens". The second link follows the heading named "Postadres". Blind people or people with low visibility rely on screen reader software to perceive the contents of a page. Each link on a page should describe its destination or tell its destination in close proximity to the link. In this case, the context is not close enough to meet this criterion. Make sure that the purpose of each link is included in the link text so that both links have unique link texts.

The page https://www.oxxio.nl/over/blog/jaarnota-duurt-lang/ contains the linked text "We maken energie bij Oxxio weer wat makkelijker. Hoe? Met de Directe Jaarnota. Zo weet je meteen of je geld terug krijgt of dat je moet bijbetalen." and an image that looks like a YouTube player. When the image is activated, an embedded YouTube video is loaded and played. However, the image cannot be navigated to by keyboard. The only accessible element in the image box is the linked text. When the user activates the linked text, the browser opens a YouTube page with the video. The link purpose does not tell the visitor that an external website will be opened. Make sure that it's visible that the link opens an external page.

Outcome: Passed

Outcome: Passed

Outcome: Failed

Findings: The page https://www.oxxio.nl/klant-worden/energie/adres/ contains a skiplink. When the skiplink element has focus, it is not visible. Screen reader software will read "Ga naar hoofdinhoud", but no link or button is visible. Make sure that the skiplink is visible when it has focus.

Outcome: Passed

Outcome: Passed

Outcome: Failed

Findings: The page https://www.acc.oxxio.nl/mijn-oxxio/notas/ contains a list of months. Each month can be expanded to show a button named "Termijnnota". When a visitor expands multiple months, multiple buttons with the same labels "Termijnnota" are visible. People with motor disabilities can navigate computers using speech recognition software by pronouncing the names of page elements they want to activate. There are multiple instances of "Termijnnota", which makes it difficult for them to direct the software to activate the right button. Make sure that links and buttons have unique names and/or labels.

Outcome: Inapplicable

Outcome: Failed

Findings: Downloaded "Termijnnotas" from https://www.acc.oxxio.nl/mijn-oxxio/notas/ have no language selected in the PDF files. When this option is set incorrectly, screen reader software will read the document's contents in the language that the user has set on their operating system. If that language is different from the document's language, the user might not be able to understand what screen reader software is speaking. Make sure that the language is set correctly in automatically generated PDFs.

Outcome: Failed

Findings: The homepage (https://www.oxxio.nl) and all other pages contain a Usabilla Feedback button. When the button is activated, a modal is loaded. The language of this iframe is set to en-US, but the contents are in NL. Screen reader software expects that all text contents are in English. and will read all contents in English. Make sure that the correct language is set on this iframe.

Outcome: Passed

Outcome: Passed

Outcome: Passed

Outcome: Passed

Outcome: Failed

Findings: Page https://www.acc.oxxio.nl/mijn-oxxio/gegevens/persoonsgegevens/persoonsgegevens-wijzigen/ contains a form with input field 'E-mailadres'. After putting in a non-existent e-mailadres, an error message appears. This contains the text 'Een geldig e-mailadres is verplicht'. The text gives enough suggestion for a solution, but does not give enough information on what has gone wrong. Add this to the error-message. For example: 'Dit e-mailadres bestaat niet'.

Outcome: Passed

Outcome: Passed

Outcome: Inapplicable

Outcome: Inapplicable

Outcome: Failed

Findings: The page https://www.acc.oxxio.nl/mijn-oxxio/verbruik/ contains a button with the text 'Februari 2025 Totaalverbruik'. This text is not read if the focus is brought to this button. For people who cannot see, it is unclear what the function of the button is. Add an accessible name which contains all the information that can be seen on the screen. Use for example an aria-label.

The page https://www.acc.oxxio.nl/mijn-oxxio/verbruik/ has a navigation menu that has items like "Dashboard", "Verbruik", et cetera. When the user is on the "Verbruik" page or another page in Mijn Oxxio, the style of the active (current) page is the same as the "Dashboard" link style. The current page and "Dashboard" both feature a white underline and both have the attribute aria-current=”page”. This is not correct because on the “Verbruik” page the current page is not “Dashboard”. Use the attribute aria-current="page" only on the appropriate link.

Outcome: Passed