Skip to content

Commit

Permalink
Merge pull request #1215 from librariam/patch-68
Browse files Browse the repository at this point in the history
Accessible content guide updates - broken URLs, a11y statement added
  • Loading branch information
emmauhl authored Jun 24, 2024
2 parents d3d7964 + d60e97b commit c0010d4
Show file tree
Hide file tree
Showing 5 changed files with 5 additions and 11 deletions.
2 changes: 1 addition & 1 deletion accessible-content/en/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ In this guide we cover the general principles of creating universally accessible
When it comes to online journals, two aspects of accessibility need to be addressed:

1. **Website or platform accessibility**, i.e. accessibility of OJS itself. This ensures that readers, authors and editors can navigate OJS regardless of any impairments or assistive technologies they use.
PKP is working on bringing OJS structure and themes up to the current web accessibility standards - for the status of that work or to contribute see this [update on the PKP website](https://pkp.sfu.ca/2020/05/21/is-your-journal-accessible-working-with-community-to-make-ojs-open-for-all/). Additionally, if you modify your journal’s theme yourself, make sure to follow the guidelines outlined in the [Inclusive and Accessible Theming](/designing-your-journal/en/inclusive-and-accessible-theming) chapter of the [Designing Your Journal Guide](/designing-your-journal/).
The Default Theme in OJS 3.3 and higher has been audited for accessibility barriers and its state of accessibility is outlined in the [OJS 3.3+ Default Theme Accessibility Statement](https://docs.pkp.sfu.ca/accessibility-statement). Additionally, if you modify your journal’s theme yourself, make sure to follow the guidelines outlined in the [Inclusive and Accessible Theming](/designing-your-journal/en/inclusive-and-accessible-theming) chapter of the [Designing Your Journal Guide](/designing-your-journal/).

2. **Content accessibility**, covered in this guide. Specifically, it applies to:

Expand Down
5 changes: 2 additions & 3 deletions accessible-content/en/principles.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,8 +87,7 @@ When creating video and audio content, it is important to ensure that it is acce

- [YouTube auto captioning for video](https://www.youtube.com/)
- [Kapwing Caption Video Online](https://www.kapwing.com/tools/caption-video)
- [IBM Watson auto captioning for audio](https://speech-to-text-demo.ng.bluemix.net/) (demo)


- **Transcripts**. Transcripts contain the full text of the spoken word (not necessarily verbatim) that could be accessed and read separately from the multimedia itself. Transcripts allow deaf/blind users to get content through the use of refreshable Braille devices. They are also useful for searching and navigating to a specific part of the text.

When planning a video/audio recording, it is a good idea to have the transcript written out ahead of time. It can then be used both for the multimedia creation and to be made available afterwards.
Expand Down Expand Up @@ -147,7 +146,7 @@ We often use colour in web content or in published content to convey meaning. Us
![An orange circle with a word Yes and a green circle with a word No.](./assets/3_a11y-guide-colour-circles-do.png)
Other tools, such as the [Spectrum Chrome extension](https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb?hl=en) allow you to emulate different types of CVD on any website. This is particularly useful if your articles contain data visualisations. The following two figures, obtained from an article published in the journal Polar Research, illustrate how CVD can affect a user’s understanding of a graph or a chart.
Other tools, such as the [Let's Go Color Blind Chrome Extension](https://chromewebstore.google.com/detail/lets-get-color-blind/bkdgdianpkfahpkmphgehigalpighjck) allow you to emulate different types of CVD on any website. This is particularly useful if your articles contain data visualisations. The following two figures, obtained from an article published in the journal Polar Research, illustrate how CVD can affect a user’s understanding of a graph or a chart.
![Two versions of the same map with different colours, description below.](./assets/4_a11y-guide-colour-chart2.png)
Expand Down
2 changes: 0 additions & 2 deletions accessible-content/en/resources.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,6 @@ A non-extensive list of additional resources on accessible content creation is p

- [Writing for Web Accessibility](https://www.w3.org/WAI/tips/writing/) - Tips on the basic considerations for writing for web accessibility developed by W3C.

- [Creating Accessible Documents in Microsoft Word](https://www.washington.edu/accessibility/documents/word/) - A online guide developed by the University of Washington with information on how to create an accessible document using Microsoft Word.

- [Creating Accessible Documents](https://www.washington.edu/accessibility/documents/) - General information developed by the University of Washington with information on creating accessible documents.

- [Accessibility and Usability at Penn State](https://accessibility.psu.edu/) - An online guide developed by Penn State on how to ensure Web pages and online documents can be made usable for users with different disabilities.
Expand Down
5 changes: 2 additions & 3 deletions accessible-content/pt/principles.md
Original file line number Diff line number Diff line change
Expand Up @@ -87,8 +87,7 @@ Ao criar conteúdo de áudio e vídeo, é fundamental garantir que seja acessív

- [Legenda automática do YouTube para vídeo](https://www.youtube.com/)
- [Kapwing Caption Video Online](https://www.kapwing.com/tools/caption-video)
- [Legendas automáticas Watson da IBM para áudio](https://speech-to-text-demo.ng.bluemix.net/) (demonstração)


- **Transcrições**. A transcrição contém o texto completo das falas (não necessariamente literal) que pode ser acessado e lido separadamente da própria multimídia. Transcrições permitem que pessoas surdas/cegas obtenham conteúdo por meio do uso de dispositivos Braille atualizáveis. Eles também são úteis para pesquisa e navegação para uma seção específica do texto.

Ao planejar uma gravação de áudio/vídeo, é importante escrever a transcrição com antecedência. Ela pode então ser usada tanto para a criação da multimídia quanto para disponibilização posterior.
Expand Down Expand Up @@ -147,7 +146,7 @@ Frequentemente, usamos cores em conteúdo da Web ou em conteúdo publicado para

![Um círculo laranja com a palavra SIM e um círculo verde com a palavra NÃO.](./assets/3_a11y-guide-colour-circles-do.png)

Outras ferramentas, como a [extensão Spectrum do Chrome](https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb?hl=en), permitem emular diferentes tipos de DVC em qualquer site. Isso é particularmente útil se seus artigos contiverem visualizações de dados. As duas figuras a seguir, obtidas de um artigo publicado na revista Polar Research, ilustram como o DVC pode afetar a compreensão de um diagrama ou gráfico pelo leitor.
Outras ferramentas, como a [extensão Let's Go Color Blind do Chrome](https://chromewebstore.google.com/detail/lets-get-color-blind/bkdgdianpkfahpkmphgehigalpighjck), permitem emular diferentes tipos de DVC em qualquer site. Isso é particularmente útil se seus artigos contiverem visualizações de dados. As duas figuras a seguir, obtidas de um artigo publicado na revista Polar Research, ilustram como o DVC pode afetar a compreensão de um diagrama ou gráfico pelo leitor.

![Duas versões do mesmo mapa com cores distintas, descrição a seguir.](./assets/4_a11y-guide-colour-chart2.png)

Expand Down
2 changes: 0 additions & 2 deletions accessible-content/pt/resources.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,8 +34,6 @@ Apresentamos a seguir uma lista não extensa de recursos adicionais sobre a cria

- [Escrevendo para acessibilidade na web](https://www.w3.org/WAI/tips/writing/) - Dicas sobre as considerações básicas de como escrever para acessibilidade na web desenvolvidas pela W3C.

- [Criando Documentos Acessíveis no Microsoft Word](https://www.washington.edu/accessibility/documents/word/) - Um guia online desenvolvido pela Universidade de Washington com informações sobre como criar um documento acessível usando o Microsoft Word.

- [Criação de documentos acessíveis](https://www.washington.edu/accessibility/documents/) - informações gerais desenvolvidas pela Universidade de Washington com informações sobre a criação de documentos acessíveis.

- [Acessibilidade e usabilidade na Penn State](https://accessibility.psu.edu/) - Um guia online desenvolvido pela Penn State sobre como garantir que páginas da Web e documentos online possam ser disponibilizados para usuários com diferentes deficiências.
Expand Down

0 comments on commit c0010d4

Please sign in to comment.