Contextualização:

Para quem não sabe, existe algumas regras e boas práticas para o melhoramento de acessibilidade que proporcionalmente posiciona seu site melhor (SEO).

A regra mais conhecida e que é extramente importante é constraste de cores. Aposto que todo mundo já ouviu falar disso em algum lugar, mesmo não sendo um profissional que trabalha diretamente com UI.

Porém, eu nunca vi algum site cujo posso ajustar o tamanho da fonte...

Por que eu estou levatando este ponto?

Bom, é aquilo, você não consegue entender até passar pelo o mesmo, ou ter um próximo a você que passe.

Meus sites sequer tinha os atributos básicos de acessibilidade, alguns ainda não tem pois não tive tempo de atualizar (apesar de ter atualizado a maioria). Isto porque eu não sentia na pele essa dor até um parente próximo ter dificuldades em interagir com o conteúdo, pois é deficiente visual. Assim o navegador não consegui ler em voz alta pela a má estruturação. Hoje eu resolvi este problema, e ele está bem feliz com isso. O site em questão eu fiz especificamente para uso pessoal dele. Isto me impulsionou a ter mais empatia pelo os outros, mesmo não tendo passado por isso.

Esses dias para cá, ou melhor, desde os meus 17 anos (hoje tenho 20), tenho problemas de vista como floaters e provavelmente antimagnetismo, mas não tenho certa sobre o último e nem a causa do primeiro, pois ainda não tiver a oportunidade de ir fazer os exames (em breve eu irei).

Com estes problemas, eu sempre tive dificuldade em ler certas documentações, em especial do Express.js, onde o tamanho da fonte padrão é 14px. O meu navegador, o Brave, apenas permite personalizar o tamanho da fonte do navegador, e não dos sites, diferentemente do Firefox...

Conversando com meu pai, que esta próximo dos seus 60, ele afirmou que sempre teve o mesmo problema, desde a época em que ele utilizava o Nero e o Platinum CD, e até hoje possui o mesmo problema quando busca por outros sites.

Minha solução:

Para não ficar preso no Firefox, eu abro o console, e crio uma closure todas as vezes para controlar o tamanho da fonte, desta forma:

function HandleChangeFont(size) {
    return () => document.body.style.fontSize = size;
}

const standard = HandleChangeFont('16px');
const large    = HandleChangeFont('18px');
const extraLarge = HandleChangeFont('20px');

standard() // ajusta para 16px o tamanho da fonte.
large() // ajusta para 18px o tamanho da fonte.
// ...

Conclusão:

É uma pena que isto ainda não é um padrão. Mesmo aqui no tabnews sinto dificuldade em ler as vezes. Além do meu pai, conversei com uns amigos mais ou menos da minha idade que enfreta problemas semelhantes.

Com todos esses relatos, que só foram ditos pois perguntei, eu estou começando adotar uma prática de implementar isso em todos os meus sites, ou melhor, somar com os que já tem e melhor onde puder.

Obrigado por ter lido até aqui!