Accessibility New Window Warnings

Beskrivelse

WCAG (Web Content Accessibility Guidelines) succeskriterium 3.2 (Forudsigelig) specificerer, at websider skal vises og fungere på forudsigelige måder. Det er almindelig praksis at indstille links, der går til eksterne websteder, til at åbne i et nyt vindue eller en ny fane, når man klikker på dem. Åbning af nye vinduer eller faner automatisk, når et link aktiveres, kan være desorienterende for mennesker, der har svært ved at opfatte visuelt indhold, og for nogle mennesker med kognitive funktionsnedsættelser, hvis de ikke advares på forhånd.

Dette plugin hjælper hjemmesider med at blive mere tilgængelige og bedre opfylde WCAG-retningslinjerne for forudsigelighed ved at give en avanceret advarsel, hvis et link vil åbne et nyt vindue eller en ny fane, før brugeren klikker eller aktiverer det. Advarslen giver brugeren mulighed for at beslutte, om de vil forlade det aktuelle vindue, og advarslen hjælper dem med at finde vej tilbage, hvis de beslutter sig for at gå til det nye vindue. Det vil hjælpe dem med at forstå, at “tilbage”-knappen ikke virker, og at de skal vende tilbage til det sidste vindue, de havde åbent, for at finde deres tidligere placering.

Der er ingen indstillinger i dette plugin. Du skal blot aktivere det, så finder det automatisk alle links, der åbner i et nyt vindue, og tilføjer følgende tre rettelser til hvert link:
1. Et nyt vindue-ikon efter linkteksten for at angive, at linket åbner i et nyt vindue for seende mennesker.
2. Et tooltip, der er synligt ved hover, og som siger “åbner et nyt vindue”.
3. “Åbner et nyt vindue”-skærmlæsertekst, der læses op for blinde eller svagsynede, der bruger skærmlæser, umiddelbart efter linkets ankertekst.

Bemærk: Advarsler om nye vinduer vil blive tilføjet til links og links, der er stylet til at ligne knapper, herunder ikoner til deling af sociale medier og links. Afhængigt af hvilke tredjeparts plugins, der tilføjer links til dit websted, som åbner i nye vinduer, kan det være nødvendigt med lidt CSS-styling.

Ud over at tilføje advarsler til dine brugere integrerer dette plugin med Accessibility Checker-plugin; når Accessibility New Window Warnings er aktiveret, vil det automatisk fjerne alle “Link åbner nyt vindue eller fane“-advarsler i Accessibility Checker-scanninger af dit website. Installation og aktivering af dette plugin er en fantastisk måde hurtigt at afhjælpe og fjerne en masse åbne problemer på hele dit website.

Plugin’et Accessibility New Window Warnings er inspireret af Techniques for WCAG 2.0 G201: At give brugerne en avanceret advarsel, når de åbner et nyt vindue.

Lokalisering

Plugin’et Accessibility New Window Warnings er klar til lokalisering. Vi har tilføjet en spansk oversættelse og er åbne for flere oversættelser!

Hvis du gerne vil bidrage med en oversættelse til dette plugin, bedes du kontakte os eller forke repository’et på GitHub.

Skærmbilleder

  • Viser det “Nyt vindue”-ikon, der tilføjes efter et tekst-link.
  • Viser værktøjsspidsen “åbner et nyt vindue”, der er synlig ved hover.
  • Viser skærmlæserteksten “åbner et nyt vindue”, der tilføjes efter linkets anker i linkets HTML.
  • Viser de “Nyt vindue”-ikoner, der tilføjes til knapper oprettet i blokeditoren.
  • Viser de “Nyt vindue”-ikoner, der tilføjes til delingsknapper til sociale medier fra et tredjeparts plugin.

Installation

At komme i gang med Accessibility New Window Warnings er lige så nemt som at installere og aktivere plugin’et. Der er ingen indstillinger, der skal konfigureres, det virker bare!

Installere Accessibility New Window Warnings indefra WordPress

  1. Gå til siden med plugins i dit kontrolpanel, og vælg ‘Tilføj nyt’.
  2. Søg efter ‘Accessibility New Window Warnings’;
  3. Klik på eller aktiver knappen ‘Installer’ i plugin’et Accessibility New Window Warnings.
  4. Aktivér advarsler om tilgængelighed i nye vinduer fra din Plugins-side.

Installere Accessibility New Window Warnings manuelt

1. Upload den udpakkede mappe “accessibility-new-window-warnings” til mappen /wp-content/plugins/ på din hjemmeside via FTP.
2. Aktivér Accessibility New Window Warnings fra din Plugins-side.

FAQ

Hvordan ved plugin’et, hvilke links der åbner nye vinduer?

Plugin’et leder efter target="_blank" i dine links. Hvis target="_blank" er til stede, identificerer det linket som et, der åbner et nyt vindue, og tilføjer automatisk advarslen.

Er dette kompatibelt med blokeditoren eller den klassiske editor eller sidebyggeren XYZ?

Ja, det gør det. Uanset hvordan du skaber dit indhold, vil dette plugin fungere. Det bruger javascript til at identificere links og rette dem, når siden gengives, så det er ligegyldigt, hvilket værktøj du har brugt til at opbygge dit indhold.

Plugin’et tilføjer ‘Nyt vindue’-ikoner til mine social media-ikoner, og jeg kan ikke lide det!?

Når det drejer sig om tilgængelighed, gælder advarslen om, at links åbner i nye faner eller vinduer, for alle links, ikke kun links i din brødtekst. Det er vigtigt at tilføje det synlige ikon for brugere med kognitive handicap eller mobilitetsudfordringer, så de bliver advaret om det nye vindue, før de klikker på eller aktiverer links – det er ikke nok bare at tilføje skærmlæsertekst for blinde og svagsynede brugere.

Afhængigt af, hvordan du tilføjer linkede ikoner, forstår vi, at dette kan give et mindre end ideelt udseende. Hvis du ikke bryder dig om, hvordan det synlige ikon ser ud, har du et par muligheder: Du kan enten ændre linket, så det ikke åbner i et nyt vindue, eller du kan ændre designet på dine sociale medier eller ikonknapper enten med det pågældende plugins indstillinger eller brugerdefineret CSS. Det anses generelt ikke for at være korrekt at skjule det synlige ikon.

Gør dette plugin mit websted tilgængeligt?

Dette plugin kan hjælpe med at gøre dit website mere tilgængeligt ved at løse et almindeligt problem, men det alene vil ikke gøre dit website tilgængeligt. Ægte tilgængelighed kræver manuel og automatiseret testning og et menneske, der foretager rettelser på webstedet. Selv om problemer kan løses med et automatiseret værktøj som dette, er det ikke alle tilgængelighedsproblemer, der kan identificeres automatisk. Lær mere om, hvordan du tester dit website for tilgængelighedsfejl

Anmeldelser

31. januar, 2024
In addition to accessibility, I use for all client sites that provide robust external resources for their customers, simply as info/warning, but also, to support rural, area internet visitors that work on desktop, open a variety of tabs and do not wish to keep doing page reloads, especially for dynamic, un-cached information pages. It’s a way to save people from ‘right click’ choose option, time, as well. 😀
7. maj, 2023
This is great! Thanks for making available a quick way to address WCAG 3.2 (Predictability) on those unavoidable “_blank” tags, while still supporting users’ rights to know that clicking a link is gonna take them on a trip to another window.
5. maj, 2023 1 reply
This plug-in does insert a “opens in new window” icon next to all hyperlinks, which can seriously impact your social icons and menus. I used CSS to remove the icon, but left the title tag in place. Unfortunately, it still left the space after the hyperlink causing the blue underline to continue until it hit the next word.
28. marts, 2023
I am so happy I went to WordCamp PHX and met Amber Hinds! She told me about her company’s plugin accessibility-new-window-warnings which is exactly what I have been looking for! A simple plugin to let visitors know that a link is about to open a new window. Just install it, activate it and it works! thanks to everyone on the Equalize Digital team for making it easy to make websites accessible! -Christina Hills
Read all 11 reviews

Bidragsydere & udviklere

“Accessibility New Window Warnings” is open source software. The following people have contributed to this plugin.

Bidragsydere

“Accessibility New Window Warnings” er blevet oversat til 6 sprog. Tak til oversætterne for deres bidrag.

Translate “Accessibility New Window Warnings” into your language.

Interesseret i udvikling?

Gennemse koden, tjek SVN repository, eller abonner på udviklerloggen via RSS.

Ændringslog

1.0.8

  • Added – support for FacetWP dynamic content

1.0.7

  • Updated – textdomain to plugin slug
  • Updated – member variable doc comment
  • Removed – call to local languages folder

1.0.6

  • Updated – tested up to version

1.0.5

  • Added – localization support.
  • Added – Spanish translation.

1.0.4

  • Updated – space between icon and link text moved to the icon pseudo class

1.0.3

  • Added – class .anww-tooltip class to the tooltip
  • Added – inline styles to tooltip
  • Updated – css clean up and improvements

1.0.2

  • Updated – on focus positioning to use offset

1.0.1

  • Added – support for image within links
  • Added – check for aria-label on links

1.0.0

  • Alt er nyt og skinnende.
  • Vi synes, det er fantastisk, at du vil gøre dit websted mere tilgængeligt.