Leitura/Web/Acessibilidade para leitura/Atualizações

From mediawiki.org
This page is a translated version of the page Reading/Web/Accessibility for reading/Updates and the translation is 100% complete.

maio de 2024: resultados de testes de usuários, dados do uso de recursos beta e liberação do modo escuro

Relatórios de testes de usuário

Realizamos testes de usabilidade no menu Aparência. Você pode ver os resultados completos aqui. Resumindo: no menu Aparência (anteriormente: menu Tema), são colocadas as opções de tipografia, largura e modo escuro. O objetivo do teste foi determinar se o menu é fácil de usar e se os nomes das diferentes configurações são intuitivos para a maioria dos usuários. Com este teste aprendemos:

  • Não foram encontrados problemas significativos de usabilidade.
  • Os usuários geralmente preferem referir-se a um esquema de cores "escuro" ou a um esquema de cores "noturno". Como resultado, alteramos o nome do recurso de volta para esquema de cores “escuro” para abreviar.
  • Era difícil para os usuários encontrarem o ícone do menu depois de recolhido... assim, adicionamos um aviso que informa aos usuários para onde o menu foi recolhido.

Dados de uso de recursos beta

Temos monitorado o uso do novo menu como um recurso beta (pode ver os resultados completos aqui). Resumindo, aprendemos que “padrão” era a opção mais popular de seleção.

Também vimos que:

  • Cerca de 55% dos cliques no novo menu foram para um tamanho de fonte maior que o padrão.
  • A minoria dos cliques, 46,7%, foi para o tamanho de fonte “padrão”.

Isso confirma que a maioria dos usuários prefere um tamanho de fonte maior que o padrão atual. Vimos isso anteriormente nas descobertas do teste de protótipo da comunidade. Usaremos esses dados para decidir sobre as novas configurações padrão.

Modo escuro foi liberado

O modo escuro agora está disponível para usuários logados / autenticados no site no formato móvel (apenas na skin mobile web Minerva, faça o teste aqui) e, para acessar esse recurso, você deve ativar o modo avançado para celular. Em seguida, você pode selecionar “escuro” na lista de opções de cores. (Observação: o modo "automático" seguirá a preferência em seu dispositivo) Veja mais detalhes sobre esta mudança ou veja a página de perguntas frequentes para ver mais informações sobre os fundamentos deste projeto.

As páginas principais serão exibidas em largura total

Atualmente, as páginas principais, assim como os artigos, são exibidas em largura limitada. Considerando o layout de duas colunas com imagens e a tipografia atual, o comprimento da linha (medido em caracteres por linha, CPL) é aceitável. Porém, quando o tamanho da fonte padrão é aumentado, o CPL fica um pouco pequeno. É por isso que decidimos desativar a largura limitada nas páginas principais por padrão. Em vez disso, eles serão exibidos em largura total, como páginas especiais. Para mais detalhes técnicos consulte T357706.

abril de 2024: acesso prévio ao modo escuro (web móvel, logado(a))

Olá a todas e todos, conforme anunciado em novembro, a equipe web da Fundação Wikimedia está trabalhando em um modo escuro (às vezes também chamado de noturno). Agora, nós liberamos a funcionalidade para pessoas usuárias logadas no modo mobile avançado em todas as wikis para fins de testes. Mas não se preocupem, a nova funcionalidade não é disruptiva! (Veja a seção "Limitações conhecidas" abaixo). É importante para nós trabalharmos com vocês antes de lançarmos esta funcionalidade para um público mais amplo. Nossas metas para a implementação prévia são:

  • Mostrar o que nós construímos bem cedo. Quanto mais cedo vocês se envolverem, mais suas vozes serão refletidas na versão final
  • Conseguir a ajuda de vocês com a sinalização de bugs, problemas e solicitações
  • Trabalhar com pessoas editoras técnicas para ajustas várias predefinições e gadgets para o modo escuro

Vá para a página do projeto e a página de FAQ para ver mais informações sobre o básico deste projeto.

Limitações conhecidas do lançamento inicial

  • Atualmente, o modo escuro só está disponível em dispositivos móveis, para pessoas usuárias logadas que optaram pelo modo avançado, na forma d euma funcionalidade opcional.
  • Gadgets podem inicialmente não funcionar bem com o modo escuro e podem precisar ser atualizados.
  • Nossa primeira meta é fazer o modo escuro funcionar em artigos. Páginas especiais, páginas de discussão e outros domínios não foram atualizados para funcionar em modo escuro ainda. Desabilitamos temporariamente o modo escuro em algumas dessas páginas.

O que gostaríamos que vocês fizessem (a comunidade como um todo)

Se vocês têm dúvidas - perguntem pra gente! E, onde apropriado, considerem linkar as Recomendações para compatibilidade do modo escuro em wikis da Wikimedia em páginas que explicam como definir cores no código. Logo, esta página será marcada para tradução. Nós gostaríamos de enfatizar que as recomendações podem evoluir. Por esta razão, não estamos sugerindo a criação de cópias locais em suas wikis destas recomendações. Em algum momento, a cópia poderia ficar diferente da versão original.

O que gostaríamos que vocês fizessem (pessoas editoras de predefinições, pessoas administradoras de interface, pessoas editoras técnicas)

Quando a maior parte dos bugs for resolvida, nós poderemos tornar o modo escuro disponível para quem nos lê tanto em computadores quanto em dispositivos móveis. Para fazer isto acontecer, precisamos trabalhar conjuntamente com vocês no relato e na solução de problemas.

  1. Para ligá-lo uso a versão móvel do site e vá para a parte de configurações no seu menu e escolha o modo avançado, caso já não tenha feito isso. (Posteriormente, permitiremos que as preferências do dispositivo ativem o modo escuro automaticamente).
  2. Depois, vá para diferentes artigos e busque por problemas:
    • Se você notar um problema com uma predefinição mas não sabe como consertá-la
      1. Vá para a página de recomendações e encontre um exemplo relevante
      2. Se não houver um exemplo relevante disponível ou se você não tiver certeza de como consertar, contate-nos
    • Se você quiser depurar muitas predefinições em modo escuro
      1. Vá para https://night-mode-checker.wmcloud.org/ e identifique predefinições que precisam ser consertadas. A ferramenta sinaliza os 100 artigos mais lidos.
      2. Vá para a o página de recomendações e encontre um exemplo relevante
      3. Se não houver um exemplo relevante disponível ou se você não tiver certeza de como consertar, contate-nos
    • Se você quiser identificar problemas além dos 100 artigos mais lidos.
      1. Instale a extensão de navegador de contraste de cor WCAG (Chrome, Firefox) e visite alguns artigos. Use-a para identificar problemas
      2. Vá para a página de recomendações e encontre exemplos relevantes
      3. Se não houver um exemplo relevante disponível ou se você não tiver certeza de como consertar, contate-nos
    • Se você tiver um relato de bug para o modo escuro que não é relacionado a predefinições
      1. Tire uma captura de tela (print) do que você está vendo.
      2. Contate-nos. Se possível, por favor escreva a versão do seu navegador e do seu sistema operacional.

Agradecemos e ansiamos pelas suas opiniões e comentários!

dezembro de 2023: novo recurso beta: acessibilidade para leitura (Vector 2022)

The new menu in the un-pinned version, next to the user name

The Web team from the Wikimedia Foundation launched a new beta feature. The goal is to make reading on desktop more comfortable. The feature is only available to logged-in editors using the Vector 2022 skin. To try it out, go to the "beta" option in the user menu and select "Accessibility for Reading (Vector 2022)". You may also enable it on all wikis using the global preferences.

In the new menu, there are three text settings – small, standard, and large. Small is the current default. Large is for users who need additional increase in size. The standard setting may later become the new default. This was recommended by both the literature research and prototype testing. To this menu, we have also added the page width setting. Before, it was available in the bottom corner of the screen. Now, it's easier to find. The menu is pin-able in a similar way to the Tools and Main menus, both placed in the side columns of the desktop interface. When it's not pinned, it's displayed next to the user name.

About the above mentioned prototype testing: in October and November, we shared a prototype with 13 Wikipedia language communities. It allowed editors to experiment with different text settings, and report which configuration was most comfortable for them. We received feedback from 632 users. They were interested in changes and preferred options that fit within three size categories – small, medium, and large. You may learn more about the testing here.

We welcome you all to try the new menu. We will collect your ideas and comments to make this feature better. Please, if you have the time, check it out and give us your thoughts!

novembro de 2023: resultados dos testes de protótipo e próximas etapas

Cohorts of designs sent by editors

In October and November, we shared a prototype with 13 Wikipedia language communities and received feedback from more than 600 editors and other logged-in users. The prototype allowed them to experiment with different font sizes, line height, and paragraph spacing, and report which configuration was most comfortable for them.

The majority preferred a slightly larger font size and line height than the current default (around 15 – 17px). A large group showed a strong preference for the current default (14 px), while a smaller group preferred significantly larger font sizes (20–24px). See the full results of the testing.

First version of the new Theme menu when the Tools menu is hidden

We learned that editors who decided to take part in the test are interested in changes. We hope that small, medium, and large options to choose between will be received positively.

In the first half of December, on all wikis, we will launch a new beta feature which allows to select the preferred typography. The feature will be opt-in and available in your user preferences. Turning it on will display a new collapsible menu in the right sidebar, which will appear under the Tools menu.

We invite you to look out for it, try it out when it becomes available, and tell us what you think. In the meantime, if you have time – read over the report linked above and take a look at the mock.

outubro de 2023: modo escuro e um protótipo para melhorias de legibilidade

An example of dark mode
An example of dark mode
Prototype screenshot
Screenshot of the prototype

Introduction to a new project

As the Wikimedia Foundation Web team, we are beginning a project called Accessibility for reading. The goal is to make the wikis more accessible and comfortable for reading. We are starting with the font size and typography for articles. In the next phase, we will focus on color palette customizations, such as dark mode. All these will be available for both logged-in and logged-out users as settings, on both desktop and mobile web.

This project is a consequence of the many requests from volunteers. We would like to thank everyone who has asked about this. On the technical side, dark mode is easier than the font size, but it will need more involvement from the communities. This is why we are asking you to follow our project. Watch the project page and subscribe to our newsletter.

Test out our prototype

Now, we would like to make articles easier to read and scan for casual readers. We aim for:

  1. Making the default font size bigger (but not too big) to improve readability
  2. Increasing the information density to improve scanning
  3. Increasing the space between paragraphs and sections to improve scanning
  4. Allowing readers (including logged-out users!) to customize the density of text

This will apply to articles in the reading mode and in VisualEditor, but not in the wikitext editor. We are planning these changes to apply across all the wikis. The default may vary based on the language or script of the project.

We have prepared a prototype that allows for various changes in the font size and spacing. To use the prototype, force a banner to appear and click on it. Next, try out different combinations and share what works for you. This prototype is not a reflection of the final design. Instead, we would like to learn what font sizes Wikimedians want to see across languages. We will use this data to determine the proposed default and options. Read more about the test.