vuejs/docs

aria-labelledby example with id and components

Fechada

#1.510 aberto em 10 de fev. de 2022

Ver no GitHub
 (1 comentário) (0 reação) (0 responsável)Vue (5.043 forks)user submission
good first issue

Métricas do repositório

Stars
 (3.232 estrelas)
Métricas de merge de PR
 (Mesclagem média 54d 19h) (13 fundiu PRs em 30d)

Description

The documentation at https://v3.vuejs.org/guide/a11y-semantics.html#labels shows using aria-labelledby however with Vue Components that breaks down as id is global within the page rather than local in scope to your component. I feel the documentation could do this a more vue way allowing components to be re-used multiple times within the page while still doing aria-labelledby.

For example something like https://github.com/vuejs/vue/issues/5886#issuecomment-308607131 works well.

Guia do colaborador

Direção de pesquisa
Examine the current documentation at https://v3.vuejs.org/guide/a11y semantics.html#labels. Review the linked comment https://github.com/vuejs/vue/issues/5886#issuecomment 308607131 for a recommended approach. Update the example to use a method that generates unique IDs or uses a different pattern, and ensure components can be reused multiple times. The fix is localized to that specific section.
Pilha de tecnologia
vuehtmlcss
Domain
documentationaccessibility
Tipo Issue
Documentação
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Antigo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
basic Vue component knowledgeunderstanding of ARIA attributes
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
85