WCAG 2.2 AA Substudy: Website Content for GR JW

This sub-study pertains exclusively to the content of the website that the organization can enter or modify via the content management system.

This study evaluated 30 of the 55 success criteria of WCAG 2.2 Levels A and AA.

The remaining 25 success criteria relate to the technical aspects of the website and are evaluated in the separate technical sub-study.

Together, these two sub-studies constitute the complete evaluation of the website.

Success criteria assessed in the technical sub-study

The following success criteria were not evaluated in this content study and are covered in the separate technical sub-study:

The study was conducted using a representative sample. Within this sample, the accessibility issues identified were described as specifically as possible. Where possible, recommendations were included to address the issues.

This study does not provide an exhaustive overview of all possible accessibility issues. The findings represent a snapshot of the situation at the time of the study.

WCAG (Web Content Accessibility Guidelines) are internationally recognized guidelines for digital accessibility, based on four principles: Perceivable, Operable, Understandable, and Robust. Measurable success criteria have been established within these principles.
More information: WCAG 2.2 (Dutch translation)

The table below shows, for each WCAG principle and each WCAG level, how many success criteria were tested and how many of those were approved.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

The PDF newsletter for the in-person meeting on October 6, 2025, contains many decorative elements, such as wave patterns and arrows. These elements are marked as images in the document but lack text alternatives. As a result, assistive technology repeatedly announces these images without providing any useful information to the user. Decorative elements do not add to the content and should be skipped by assistive technology.

Advice

Mark all purely decorative elements so that assistive software skips them. In Adobe Acrobat, you can do this using the tag panel: right-click on the image, select "Change Tag Type," and then choose "Artifact." Assistive software will then no longer read these elements aloud.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

On page 3 of the PDF newsletter for the in-person meeting on October 6, 2025, the GR JW logo appears in the bottom right corner. This logo is not marked as an image in the document. As a result, a user reading the PDF with assistive software will not be informed that the GR JW logo is present here.

Advice

Select the logo as an image and provide a text alternative, such as "GR JW Logo." Assistive technology will then announce the logo, so the user knows who sent the newsletter.

• https://www.grjw.nl/
• https://www.grjw.nl/voor-gemeenten
• https://www.grjw.nl/inkoop-en-contractering

On several pages, headings have been further emphasized using a `strong` element (an HTML element used to emphasize text within body text). One example is the heading "Contract Management Notice" on the homepage. A heading is already a prominent element and does not need to be emphasized further. This results in users of assistive technology receiving incorrect information: the heading is read aloud as if it were emphasized, even though this is already evident from its heading level.

Advice

Remove the `strong` element from the headings. If you want the heading to stand out visually, use CSS instead of an extra `strong` element.

https://www.grjw.nl/

On the homepage, under the heading "Important Topics" (H2), there are five topics listed side by side. Three of them (Physical Consultation Table, Regional Expert Team (RET), Policy & Regional Development) are formatted as H3. The other two (ETHOS Survey, Insight & Impact) are formatted as H2, even though they visually and in the code belong to the same section and should therefore be at the same level as the H3s. As a result, the hierarchy of the headings is incorrect, and users of assistive software cannot easily determine which topics belong together.

Advice

Make "ETHOS survey" and "Insight & impact" H3 headings so that all five topics in the "Key topics" section are at the same level.

https://www.grjw.nl/

In the section under the heading "Contract Management Notification," the words "Care Notification" are italicized using an `em` element. This italicization is used to indicate the name of a button on the page. The `em` element is not intended for this purpose. It is intended to be used to place extra emphasis on a word within a running sentence, so that assistive software can read that word aloud with greater emphasis. Because it is used here on a button name, users of assistive software hear "care notification" as an emphasized word, even though it is merely a button name.

Advice

Remove the `em` element around "health notification". If you want the button name to stand out visually, do so using CSS or by turning the text into an actual link to the button.

• https://www.grjw.nl/voor-gemeenten
• https://www.grjw.nl/over-ons
• https://www.grjw.nl/jaarverantwoording
• https://www.grjw.nl/fysieke-overlegtafel

Several pages contain an empty heading. This occurs in areas where the page is laid out in two columns, and the empty heading is used to visually align the columns. An example can be found below the illustration next to the "Stay informed!" section on the "Physical meeting table" page. Anyone who has the website read aloud and navigates through the headings will hear a heading announced at those points that subsequently contains nothing.

Advice

Remove the empty header. If visual alignment is desired, choose a different solution that does not use a header.

https://www.grjw.nl/over-ons

The "Job Openings" section of the page includes the text "Program Manager for Regional Transformation Projects". Visually, this appears as a subheading. In the code, however, it is not a heading but a regular line of text with the text emphasized using a `strong` element. People who use screen readers to have the website read aloud do not hear this text as a heading. As a result, they cannot quickly find the job opening via the list of headings on the page.

Advice

Make "Regional Transformation Projects Program Manager" a proper subheading (level 3) under the main heading "Job Openings".

https://www.grjw.nl/over-ons

On the page, under "What will you be doing?" in the Jobs section, there is a list of five tasks. Visually, this list features green checkmarks next to each item. In the code, however, this is not formatted as a list, but as a single paragraph in which the items are on new lines, each preceded by a checkmark emoji. As a result, assistive software does not announce this as a list and does not mention the number of items. Furthermore, each checkmark emoji is read aloud as "white bold check mark," which distracts from the content.

Advice

Turn the bulleted list into an actual list in the code. Remove the checkmark emojis from the text itself. If you want the checkmarks to appear visually, style them using CSS.

• https://www.grjw.nl/regionaal-expertteam-ret
• https://www.grjw.nl/jaarverantwoording

Several pages contain visual lists that are not formatted as lists. In the FAQ section on the Regional Expert Team page, the answer to "What are the functions of the RET?" includes four numbered items formatted as separate paragraphs rather than as a proper numbered list. On the Annual Report page, under "When do you need to submit this?", there are three deadlines listed in a single paragraph. Screen readers do not present these lists as lists. The number of items is not specified. As a result, the connection between the items is lost for people who have the website read aloud.

Advice

Turn the visual lists into a proper list. Use a numbered list if the order is important. Use a bulleted list if the order doesn't matter.

https://www.grjw.nl/jaarverantwoording

On the Annual Report page, under the subheading "What do you need to submit?", the text reads "Random checks on production up to €200,000." Visually, this appears as a subheading. In the code, however, it is not a heading but rather text emphasized using a `strong` element. People who use a screen reader to have the website read aloud do not hear this text as a heading. As a result, they cannot quickly find this topic using the list of headings on the page.

Advice

Make "Random inspections during production up to €200,000" a proper subheading at the correct level. Remove the `strong` element. The visual formatting can be controlled using CSS.

https://www.grjw.nl/jaarverantwoording

On the Annual Report page, the text "The deadlines at a glance:" is displayed in italics using an `em` element. This text serves as an introductory sentence above the list of deadlines. The `em` element is not intended for that purpose. It is intended to be used to place extra emphasis on a specific word within a running sentence, so that assistive technology can read that word aloud with greater emphasis. Because it appears here in an introductory sentence, users of assistive technology read "The deadlines at a glance:" with extra emphasis, even though there is no word that needs that emphasis.

Advice

Remove the `em` element around "The deadlines at a glance:". If you want the text to appear italicized, use CSS to achieve that.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

In the PDF newsletter for the in-person consultation meeting on October 6, 2025, the heading structure is incorrect. Headings at the lowest level appear directly under the main title, without any intermediate levels. This occurs, for example, under "How is GR JW doing?" and "What is an in-person consultation meeting?". On page 3, under "Save the date," there are three lines of text marked as level 4 headings, even though they are simply paragraphs. As a result, people who have the PDF read aloud and navigate using the headings will hear an illogical structure. This makes it more difficult to distinguish main points from side issues.

Advice

Use headings in a logical order, without skipping any levels. Mark only actual headings as headings, and regular text as paragraphs.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

On page 1 of the PDF newsletter for the in-person consultation meeting on October 6, 2025, there is a table of contents in the upper right corner under the heading "Contents." Visually, this appears as a list, but within the document, the topics are presented as separate paragraphs one below the other. As a result, screen readers do not announce the table of contents and do not mention the number of items.

Advice

Mark the topics under "Contents" as a single table of contents, rather than as separate paragraphs. In Adobe Acrobat, you can do this via the Tags panel by marking the block as a table of contents. Screen readers will then announce the block as a table of contents, including the number of items.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

On page 2 of the PDF newsletter for the in-person meeting on October 6, 2025, there are three numbered tiles (1, 2, 3) side by side under the heading "Did you know...". Visually, this is a numbered list, but in the document, the three tiles are presented as separate paragraphs and headings. As a result, assistive software does not recognize it as a list and does not mention the number of items.

Advice

Modify the source file so that the three tiles are included as a single numbered list when exported to PDF.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/20260224%20Overzicht%20contractmanagers%20en%20zorgaanbieders_0.pdf?cb=lXRChgTP

The PDF document "Overview of Contract Managers and Healthcare Providers" contains a table with four columns: Healthcare Provider, Contract Manager, Contract Manager's Email Address, and Contract Manager's Phone Number. The first row appears to be a header row, but it is not formatted as such in the document. Screen readers read only the content of each cell without indicating which column it belongs to. Furthermore, this row is repeated as a regular row on every new page. As a result, assistive software reads the column headers over and over again, in the middle of the data.

Advice

Set the first row in the source file as the header row, and make sure this header row appears only once in the table. Then export the PDF again.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

On page 2 of the PDF newsletter for the in-person consultation meeting on October 6, 2025, there are two sections in two columns side by side: "Breakout Session: Day Services" and "Breakout Session: Externalizing Behavior in Open Youth Services." Visually, the text directly below each heading corresponds to it. However, screen readers first read the two headings one after the other, and only then the two texts. It is then unclear which text belongs to which heading.

Advice

Adjust the source file so that each heading appears directly above its corresponding text in the order in which it is read aloud.

• https://www.grjw.nl/form/melding-vermoeden-zorgfraude-en-zorgkwaliteit/gegevens-van-de-zorgaanbieder-2
• https://www.grjw.nl/form/melding-vermoeden-zorgfraude-en-zorgkwaliteit/gegevens-van-de-betrokken-inwoner-3

On the "Healthcare Provider Information" and "Resident Information" sections of the reporting form, information must be entered about a person other than the reporter. An autocomplete attribute is available for several input fields (last name, ZIP code, street name, city, email address, and phone number). The autocomplete attribute ensures that browsers and assistive software can provide assistance with filling out the form, for example by suggesting the user’s own information. In this case, however, the fields do not pertain to the user themselves, but to a third party. Therefore, the autocomplete attribute on these fields is incorrect.

Advice

Remove the autocomplete attribute from the input fields on the "Healthcare Provider Information" and "Resident Information" steps. On the step where the reporter enters their own contact information, the attribute should remain as it is now.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

In several places in the PDF newsletter for the in-person consultation meeting on October 6, 2025, the contrast between the text and the background is too low. At the top of each page, the blue header bar displays the date "10/30/2025" and the text "Physical Consultation Table Newsletter" in dark gray (#3B474F) on a blue background (#5A90CC). The contrast ratio is 2.9:1, while a minimum of 4.5:1 is required for normal text. At the bottom of page 3, the "Save the date" block appears in white text (#FFFFFF) on turquoise (#10B9A8). The contrast ratio is 2.5:1. A minimum of 3:1 is required for the large "Save the date" headline, and a minimum of 4.5:1 for the explanatory text below it. Neither standard is met. As a result, this text is difficult to read for people with visual impairments, such as the visually impaired or those with reduced contrast sensitivity.

Advice

Increase the contrast in both areas to meet the requirements: at least 3:1 for large headings and at least 4.5:1 for body text. Make these adjustments in the source file and re-export the PDF.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/20260224%20Overzicht%20contractmanagers%20en%20zorgaanbieders_0.pdf?cb=lXRChgTP

In the PDF document "Overview of Contract Managers and Healthcare Providers," no title has been entered in the file properties. As a result, PDF readers display the file name (20260224 Overview of Contract Managers and Healthcare Providers_0.pdf) in the title bar and tab of the window. People who have the PDF read aloud will hear the file name instead of a meaningful title.

Advice

In the source file, enter a descriptive title, such as "Overview of Contract Managers and Healthcare Providers." Then export the PDF again. In the PDF itself, also set it so that the document title is displayed instead of the file name. In Adobe Acrobat, you can do this by going to File > Properties > Initial View tab: under "Show," select the "Document Title" option.

• https://www.grjw.nl/
• https://www.grjw.nl/voor-gemeenten
• https://www.grjw.nl/inkoop-en-contractering

Several pages contain links with the text "Read more..." in a separate paragraph, without any descriptive context in the same sentence or paragraph. An example is the "Read more..." link under "Physical conference table" on the homepage. The link text alone does not make it clear where the link leads. Assistive software that reads a list of links aloud will read "Read more..." multiple times without distinction.

Advice

Make the link text specific, for example, "Read more about the Physical Conference Table." Alternatively, you can place the link in the same paragraph as the descriptive text. Assistive technology can then use that surrounding text as context, so the user still knows what the link is about.

• https://www.grjw.nl/
• https://www.grjw.nl/voor-gemeenten
• https://www.grjw.nl/over-ons
• https://www.grjw.nl/inkoop-en-contractering
• https://www.grjw.nl/jaarverantwoording

Several pages contain links whose text appears to be an email address, but the web address behind the link does not point to an email address. Instead, the user remains on the same page. An example is the link "contact@grjw.nl" in the footer of the homepage. Anyone who clicks this link expects the email program to open, but that does not happen. The link text promises something different from what the link actually does.

Advice

Replace the web address in these links with the correct email address, in the format "mailto:contact@grjw.nl". Clicking the link will then open the user's email program with the email address already filled in.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

The PDF newsletter for the in-person consultation meeting on October 6, 2025, is written in Dutch, but the document properties are set to English. As a result, screen readers read the Dutch text aloud using an English pronunciation. This makes the content more difficult to follow for people who use screen readers to have the PDF read aloud.

Advice

Set the document language to Dutch. In Adobe Acrobat, you can do this by going to File > Properties > the Advanced tab, and then under Reading Options at the bottom: select "Dutch" under Language. Assistive technology will then read the text aloud with the correct pronunciation.

https://cuatro.sim-cdn.nl/grjwb466a1/uploads/Nieuwsbrief%20fysieke%20overlegtafel%206%20oktober%202025%20(1).pdf?cb=_Nzi_zUb

The PDF newsletter for the in-person consultation meeting on October 6, 2025, contains clickable links in several places, such as the email address contact@grjw.nl on page 2 and the link www.nji.nl on page 3. These links are not marked as links within the document. As a result, screen readers do not announce the text as a link.

Advice

Modify the source file so that clickable text is included as a link when exported to PDF.

https://www.grjw.nl/over-ons

The page displays the GR JW logo. In addition to the logo and the caption, the text alternative also includes a description of the logo itself ("The logo consists of the letters 'GR' in blue and 'JW' in green."). Colors and placement do not add any information. For people who use screen readers, this is simply distracting.

Advice

Remove the description of the letter colors from the text alternative. The text alternative will then contain only "GR JW" (logo) and the caption.

The website offers a high-contrast version. This can be enabled using a "contrast switch." This success criterion has been fully tested in high-contrast mode. The high-contrast version is considered an alternative to the standard version.

This may cause contrast issues in the standard version. These issues have not been further evaluated.

Advice

We recommend ensuring that the standard version also includes sufficient color contrast in all text. This improves the website’s accessibility for visitors with visual impairments.

Texts with sufficient color contrast are also easier for all readers to read. This makes reading less taxing, requires less energy, and is (subconsciously) perceived as more enjoyable. As a result, readers are more likely to take action.

The high-contrast version can then be used to provide "enhanced contrast," thereby meeting the WCAG 1.4.6 Enhanced Contrast success criterion (Level AAA).

A high-contrast version is available on the website. It can be enabled using a "contrast switch."
This success criterion has been fully tested in high-contrast mode. The high-contrast version is considered an alternative to the standard version.
As a result, there may be contrast issues with graphic elements in the standard version. These have not been further evaluated.

Advice

We recommend ensuring that the standard version also provides sufficient contrast for graphic elements, such as icons, buttons, and form fields. This improves the website’s accessibility for visitors with visual impairments.
The high-contrast version can then be used to provide “enhanced contrast.”

https://www.grjw.nl/voor-gemeenten

The page contains three links with the anchor text "Start Point" that lead to two different destinations. Two of them link to the external website aanbod.zorgverkeer.nl. The third link jumps from the table of contents to the "Start Point" section further down the page. Screen readers that read out a list of links will read "Start Point" three times without distinguishing between the destinations.

Advice

We recommend avoiding identical link text when links lead to different destinations. You can do this by making the link text in the table of contents more specific (for example, "Go to the 'Starting Point' section on this page") or by giving the external link its own descriptive text (for example, "Starting Point: Overview of Healthcare Providers").