Issues:
Quickscan digital accessibility website Eliza was here

(Issues only)

Scope of the evaluation

Detailed audit results

1. Perceivable

1.1 Text Alternatives

1.1.1 Non-text Content (Level A)

Information about success criterion 1.1.1 Non-text Content

Finding 1: On each page the logo in the header has the accessible name "Eliza". The text alternative of a logo should contain the full name of the organisation and all other text in the image. It should also contain the word "logo" to indicate this is an official page of the organisation.

Finding 2: In the cookie consent banner that appears when visiting the website for the first time the Sunweb logo only contains the alternative text "CookieInfo". Blind website visitors must be specifically alerted to the fact that this is a logo and from "Eliza was here". Since it also serves as a link it could the link target could be described as such to conform 2.4.4. Change the text, for example to "Logo Eliza was here. Ga naar de website van CookieInfo".

Finding 3: On the accommodation page Appartementen Doryssa Coast https://www.elizawashere.nl/griekenland/samos/pythagorion/appartementen-doryssa-coast?Participants%5B0%5D%5B0%5D=1994-03-20&Participants%5B0%5D%5B1%5D=1994-03-20&Participants%5B0%5D%5B2%5D=1994-03-20&Duration%5B0%5D=8%2C9%2C10%2C11&DurationsRanges=8-11&Mealplan=LG&Month=2025-05-01&DepartureAirport%5B0%5D=AMS&TransportType=Flight the photo's all have the same alternative text "Appartementen Doryssa Coast". This text does not provide extra information for blind visitors. If the images are there only for decoration leave the alt empty. If the images convey information provide this information in the alt text, don't repeat the title of the page.
On the same page, if you click on a image a carousel opens with images. These images have no alt attribute at all. Make sure an image always has an alt attribute.

1.2 Time-based Media

1.2.1 Audio-only and Video-only (Prerecorded) (Level A)

Information about success criterion 1.2.1 Audio-only and Video-only (Prerecorded)

Finding 4: This criterion has not been (fully) researched for the purposes of this quick scan.

1.2.2 Captions (Prerecorded) (Level A)

Information about success criterion 1.2.2 Captions (Prerecorded)

Finding 5: This criterion has not been (fully) researched for the purposes of this quick scan.

1.2.3 Audio Description or Media Alternative (Prerecorded) (Level A)

Information about success criterion 1.2.3 Audio Description or Media Alternative (Prerecorded)

Finding 6: This criterion has not been (fully) researched for the purposes of this quick scan.

1.2.4 Captions (Live) (Level AA)

Information about success criterion 1.2.4 Captions (Live)

Finding 7: This criterion has not been (fully) researched for the purposes of this quick scan.

1.2.5 Audio Description (Prerecorded) (Level AA)

Information about success criterion 1.2.5 Audio Description (Prerecorded)

Finding 8: This criterion has not been (fully) researched for the purposes of this quick scan.

1.3 Adaptable

1.3.1 Info and Relationships (Level A)

Information about success criterion 1.3.1 Info and Relationships

Finding 9: On the homepage https://www.elizawashere.nl/ the button "Luchthaven" opens a dropdown with a checkboxes. These checkboxes are not connected to the label "Luchthaven". Blind visitors do not know that an airport is selected with these checkboxes. Use for example a combination of fieldset and legend to solve this problem.

1.3.2 Meaningful Sequence (Level A)

Information about success criterion 1.3.2 Meaningful Sequence

Finding 10: On the homepage https://www.elizawashere.nl/ underneath the heading "Top 6 favoriete ontdekkingen" there is a carousel with cards. Screanreaders will first read the alternative text of the image and then the title of the card. This way it's not clear whicht image belongs with which title. The title of the card should be the first element in the HTML code. Visibly the order can be the same.

1.3.3 Sensory Characteristics (Level A)

Information about success criterion 1.3.3 Sensory Characteristics

Finding 11: This criterion has not been (fully) researched for the purposes of this quick scan.

1.3.4 Orientation (Level AA)

Information about success criterion 1.3.4 Orientation

Finding 12: This criterion has not been (fully) researched for the purposes of this quick scan.

1.3.5 Identify Input Purpose (Level AA)

Information about success criterion 1.3.5 Identify Input Purpose

Finding 13: This criterion has not been (fully) researched for the purposes of this quick scan.

1.4 Distinguishable

1.4.1 Use of Color (Level A)

Information about success criterion 1.4.1 Use of Color

Finding 14: This criterion has not been (fully) researched for the purposes of this quick scan.

1.4.2 Audio Control (Level A)

Information about success criterion 1.4.2 Audio Control

Finding 15: This criterion has not been (fully) researched for the purposes of this quick scan.

1.4.3 Contrast (Minimum) (Level AA)

Information about success criterion 1.4.3 Contrast (Minimum)

Finding 16: On the frontpage https://www.elizawashere.nl the white text on pink background (HEX #FF0059) has not enough contrast. The contrast ratio is here 3,9:1 where it should be at least 4,5:1.

Finding 17: On the search results page https://www.elizawashere.nl/zoeken?DepartureAirport%5B0%5D=AMS&DepartureAirport%5B1%5D=EIN&DepartureAirport%5B2%5D=RTM&Duration%5B0%5D=8-11&Mealplan%5B0%5D=LG&Participants%5B0%5D%5B0%5D=1994-03-20&Participants%5B0%5D%5B1%5D=1994-03-20&Participants%5B0%5D%5B2%5D=1994-03-20&ParticipantsDistribution=1%7C2%7C3&TransportType=Flight the there is grey text (HEX #959AA4) on white background with not enough contrast. For example "Wat bedoelen we met populariteit?", "Beoordeling" and "Selecteer land(en)". The contrast ratio is here 2,8:1 where it should be at least 4,5:1.
The white text on orange background "Kindvriendelijk" (HEX #FDA932) has a contrast ratio of 1,9:1. The white text on red background *(HEX #E73737), for example "-2%" has a contrast of 4,2:1. All of these should have a contrast of at least 4,5:1.

1.4.4 Resize text (Level AA)

Information about success criterion 1.4.4 Resize text

Finding 18: Every page contains the settings "maximum-scale=1.0" and "user-scalable=no" under meta name="viewport" in the HTML-code. The consequence of these settings include that in some cases visitors of the website cannot use zoom. Refrain from using such settings, to make sure the website is scalable. See SC 1.4.10 as well for the same issues.

1.4.5 Images of Text (Level AA)

Information about success criterion 1.4.5 Images of Text

Finding 19: This criterion has not been (fully) researched for the purposes of this quick scan.

1.4.10 Reflow (Level AA)

Information about success criterion 1.4.10 Reflow

Finding 20: Every page contains the settings "maximum-scale=1.0" and "user-scalable=no" under meta name="viewport" in the HTML-code. The consequence of these settings include that in some cases visitors of the website cannot use zoom. Refrain from using such settings, to make sure the website is scalable. See SC 1.4.4 as well for the same issues.

1.4.11 Non-text Contrast (Level AA)

Information about success criterion 1.4.11 Non-text Contrast

Finding 21: This criterion has not been (fully) researched for the purposes of this quick scan.

1.4.12 Text Spacing (Level AA)

Information about success criterion 1.4.12 Text Spacing

Finding 22: This criterion has not been (fully) researched for the purposes of this quick scan.

1.4.13 Content on Hover or Focus (Level AA)

Information about success criterion 1.4.13 Content on Hover or Focus

Finding 23: This criterion has not been (fully) researched for the purposes of this quick scan.

2. Operable

2.1 Keyboard Accessible

2.1.1 Keyboard (Level A)

Information about success criterion 2.1.1 Keyboard

Finding 24: On the accommodation page https://www.elizawashere.nl/griekenland/samos/pythagorion/appartementen-doryssa-coast?Participants%5B0%5D%5B0%5D=1994-03-20&Participants%5B0%5D%5B1%5D=1994-03-20&Participants%5B0%5D%5B2%5D=1994-03-20&Duration%5B0%5D=8%2C9%2C10%2C11&DurationsRanges=8-11&Mealplan=LG&Month=2025-05-01&DepartureAirport%5B0%5D=AMS&TransportType=Flight when clicking on a photo of the accommodation a modal is opened

2.1.2 No Keyboard Trap (Level A)

Information about success criterion 2.1.2 No Keyboard Trap

Finding 25: This criterion has not been (fully) researched for the purposes of this quick scan.

2.1.4 Character Key Shortcuts (Level A)

Information about success criterion 2.1.4 Character Key Shortcuts

Finding 26: On the accommodation page a YouTube player is used to show a video. It is possible to use one-key commands, for example the "f" key shows the video full screen. This is not allowed since one key strokes are reserved for accessibility assistance software. Use the attribute 'disablekb=1' in the YouTube embed code to avoid this problem.

2.2 Enough Time

2.2.1 Timing Adjustable (Level A)

Information about success criterion 2.2.1 Timing Adjustable

Finding 27: This criterion has not been (fully) researched for the purposes of this quick scan.

2.2.2 Pause, Stop, Hide (Level A)

Information about success criterion 2.2.2 Pause, Stop, Hide

Finding 28: This criterion has not been (fully) researched for the purposes of this quick scan.

2.3 Seizures and Physical Reactions

2.3.1 Three Flashes or Below Threshold (Level A)

Information about success criterion 2.3.1 Three Flashes or Below Threshold

Finding 29: This criterion has not been (fully) researched for the purposes of this quick scan.

2.4 Navigable

2.4.1 Bypass Blocks (Level A)

Information about success criterion 2.4.1 Bypass Blocks

Finding 30: There is no mechanism to avoid going through the main menu on every page. Make sure you can skip the recurrent menu and go straight to the main content of the page. Use for example a skip link like on page https://www.elizawashere.nl/blog/5-x-unieke-en-onvergetelijke-vakanties-met-kinderen/ to skip to the content of the page.

2.4.2 Page Titled (Level A)

Information about success criterion 2.4.2 Page Titled

Finding 31: This criterion has not been (fully) researched for the purposes of this quick scan.

2.4.3 Focus Order (Level A)

Information about success criterion 2.4.3 Focus Order

Finding 32: In the menu bar in the header of each page the menu items that open a dropdown, like "Bestemmingen" do not get keyboard focus. They can only be reached by means of the arrow keys, but blind visitors navigating with the tab key will not know these items exist. Make sure all interactive items get keyboard focus.

Finding 33: When on the homepage https://www.elizawashere.nl/ the textbox "Bestemming" has focus, a dropdown with destination choices opens. These choices do not get keyboard focus. Make sure all interactive elements that are visible get focus.

Finding 34: On the homepage https://www.elizawashere.nl/ under the header "Inspiratie voor jouw getaway" there is a carousel. Slides that are not visible can get keyboard focus. Make sure only visible elements get focus, for example let the slide that has focus slide into view.

Finding 35: When in a screen resolution of 1820 x 1024 px zoomed in to 200% the header of each page has a magnifying glass icon. When this icon gets keyboard focus a modal with a search field fills the screen. After the search field the next element that gets focus are elements on the page behind the modal. These elements are not visible. Make sure the focus does not leave the modal until it's closed by the visitor.

Finding 36: When in a screen resolution of 1820 x 1024 px zoomed in to 200% the header of each page has a menu button. The links in the menu get keyboard focus even when the menu is closed. Visitors using the keyboard to navigate the website and are not using accessibility assistance software don't know which element has focus. Make sure that elements that are not visible don't get focus.

2.4.4 Link Purpose (In Context) (Level A)

Information about success criterion 2.4.4 Link Purpose (In Context)

Finding 37: On the homepage under "Top 6 favoriete ontdekkingen" there are cards with destinations. Each card has links to country, region and placename. For example "Griekenland", "Lefkas" and "Agios Loannis". These links go to the homepage and not to pages about these locations. This is confusing. Make sure the link text properly describes the destination of the link.

2.4.5 Multiple Ways (Level AA)

Information about success criterion 2.4.5 Multiple Ways

Finding 38: This criterion has not been (fully) researched for the purposes of this quick scan.

2.4.6 Headings and Labels (Level AA)

Information about success criterion 2.4.6 Headings and Labels

Finding 39: The text fields "E-mail adres" and "Wachtwoord" on https://www.elizawashere.nl/login are not visually labelled (placeholders disappear once input is commenced). Consequently visitors will not always know what to fill in (the icons remain visible, but their contrast may be an issue for the colour-blind). Provide visual labels for the fields and associate them in HTML. See SC 3.3.2. for placeholders specifically.

2.4.7 Focus Visible (Level AA)

Information about success criterion 2.4.7 Focus Visible

Finding 40: On the homepage https://www.elizawashere.nl/ under the header "Inspiratie voor jouw getaway" there is a carousel. When one of the slides has focus this is not visible. Make sure it's always visible which element in a page has focus.

2.5 Input Modalities

2.5.1 Pointer Gestures (Level A)

Information about success criterion 2.5.1 Pointer Gestures

Finding 41: This criterion has not been (fully) researched for the purposes of this quick scan.

2.5.2 Pointer Cancellation (Level A)

Information about success criterion 2.5.2 Pointer Cancellation

Finding 42: This criterion has not been (fully) researched for the purposes of this quick scan.

2.5.3 Label in Name (Level A)

Information about success criterion 2.5.3 Label in Name

Finding 43: This criterion has not been (fully) researched for the purposes of this quick scan.

2.5.4 Motion Actuation (Level A)

Information about success criterion 2.5.4 Motion Actuation

Finding 44: This criterion has not been (fully) researched for the purposes of this quick scan.

3. Understandable

3.1 Readable

3.1.1 Language of Page (Level A)

Information about success criterion 3.1.1 Language of Page

Finding 45: This criterion has not been (fully) researched for the purposes of this quick scan.

3.1.2 Language of Parts (Level AA)

Information about success criterion 3.1.2 Language of Parts

Finding 46: This criterion has not been (fully) researched for the purposes of this quick scan.

3.2 Predictable

3.2.1 On Focus (Level A)

Information about success criterion 3.2.1 On Focus

Finding 47: When in a screen resolution of 1820 x 1024 px zoomed in to 200% the header of each page has a magnifying glass icon. When this icon gets keyboard focus a modal with a search field fills the screen. This is unexpected and confusing. Open the modal only after klicking on the magnifying glass.

3.2.2 On Input (Level A)

Information about success criterion 3.2.2 On Input

Finding 48: This criterion has not been (fully) researched for the purposes of this quick scan.

3.2.3 Consistent Navigation (Level AA)

Information about success criterion 3.2.3 Consistent Navigation

Finding 49: This criterion has not been (fully) researched for the purposes of this quick scan.

3.2.4 Consistent Identification (Level AA)

Information about success criterion 3.2.4 Consistent Identification

Finding 50: This criterion has not been (fully) researched for the purposes of this quick scan.

3.3 Input Assistance

3.3.1 Error Identification (Level A)

Information about success criterion 3.3.1 Error Identification

Finding 51: This criterion has not been (fully) researched for the purposes of this quick scan.

3.3.2 Labels or Instructions (Level A)

Information about success criterion 3.3.2 Labels or Instructions

Finding 52: This criterion has not been (fully) researched for the purposes of this quick scan.

3.3.3 Error Suggestion (Level AA)

Information about success criterion 3.3.3 Error Suggestion

Finding 53: This criterion has not been (fully) researched for the purposes of this quick scan.

3.3.4 Error Prevention (Legal, Financial, Data) (Level AA)

Information about success criterion 3.3.4 Error Prevention (Legal, Financial, Data)

Finding 54: This criterion has not been (fully) researched for the purposes of this quick scan.

4. Robust

4.1 Compatible

4.1.1 Parsing (Level A)

Information about success criterion 4.1.1 Parsing

Finding 55: This criterion has not been (fully) researched for the purposes of this quick scan.

4.1.2 Name, Role, Value (Level A)

Information about success criterion 4.1.2 Name, Role, Value

Finding 56: In the cookie consent banner that appears when visiting the website for the first time the Sunweb the button "Manage cookies" opens a modal. The close or back button of this modal has no accessible name, blind visitors don't know what it's for. Give all interactive elements an accessible name.

Finding 57: In a screen resolution of 1280x1024 px zoomed in to 200% there are three buttons in the header with no accessible name. Blind visitors can for example not find the searchbar or open the main menu. Give buttons an accessible name for blind visitors to know their function.

Finding 58: On the homepage https://www.elizawashere.nl/ underneath the heading "https://www.elizawashere.nl/" there is a carousel with cards. The carousel has buttons with for example the accessible name "Carousel Page 1 (Current Slide)". This name does not describe the function of the button. In the slides in this carousel the button "i" that opens a modal "Prijsoverzicht" has no name. The close button at the top of this modal also doesn't have a name. Give buttons an accessible name for blind visitors to know their function.

4.1.3 Status Messages (Level AA)

Information about success criterion 4.1.3 Status Messages

Finding 59: This criterion has not been (fully) researched for the purposes of this quick scan.

Basis for this evaluation

The audit was conducted based on the evaluation method of the W3C, WCAG-EM. This is largely done manually by taking a sample. For a quickscan we use parts of this methodology. Despite all the researcher's care and experience, it is possible that a problem has not been identified. Keep in mind that in a next audit certain parts could be assessed differently because of further development of techniques and assistive software. Tools are used in the manual audit.

Sample of audited web pages

• Home:
  https://www.elizawashere.nl/
• Search results:
  https://www.elizawashere.nl/zoeken?DepartureAirport%5B0%5D=AMS&DepartureAirport%5B1%5D=EIN&DepartureAirport%5B2%5D=RTM&Duration%5B0%5D=8-11&Mealplan%5B0%5D=LG&Participants%5B0%5D%5B0%5D=1994-03-20&Participants%5B0%5D%5B1%5D=1994-03-20&Participants%5B0%5D%5B2%5D=1994-03-20&ParticipantsDistribution=1%7C2%7C3&TransportType=Flight
• Accommodation Page:
  https://www.elizawashere.nl/griekenland/samos/pythagorion/appartementen-doryssa-coast?Participants%5B0%5D%5B0%5D=1994-03-20&Participants%5B0%5D%5B1%5D=1994-03-20&Participants%5B0%5D%5B2%5D=1994-03-20&Duration%5B0%5D=8%2C9%2C10%2C11&DurationsRanges=8-11&Mealplan=LG&Month=2025-05-01&DepartureAirport%5B0%5D=AMS&TransportType=Flight
• Booking page:
  https://www.elizawashere.nl/bookingpage/boeking-stap-1-voorkeuren?sid=e735bdbf-030c-11f0-bffd-feaf284d3204
• Info page:
  https://www.elizawashere.nl/organisatie/verzekeringen
• Login page:
  https://www.elizawashere.nl/login

Relied upon techniques

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG
• PDF

Resources:

• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

This report is mainly created with the online W3C report tool.