🤷‍♂️ W1y d2s a11y h2e 그렇게 b4y c9d a1d i10e? 👿

오늘 짧고 간단한 게시물을 통해 사람들이 내 질문에 대한 의견에 동의하는지 동의하지 않는지 알고 싶습니다. 접근성은 왜 그렇게 복잡하고 접근하기 어려운가요? (W1y d2s a11y h2e 그래서 b4y c9d a1d i10e).

특히 개발을 처음 접하는 사람들의 의견을 듣고 싶습니다. 아직 접근성을 접해보셨나요? 혼란스럽습니까? 등.

나의 폭언 시작!

제 말은 접근성(장애인이 최종 제품을 사용할 수 있도록 보장하는 것)이 실제로 그렇게 어렵지 않다는 뜻입니다. 광범위한 지식이 필요하지만 일단 이해하면 실제로는 매우 쉽습니다.

하지만... 관행을 설명하기 위해 가능한 가장 접근하기 어려운 방법을 사용하는 것(단순한 "접근성"대신 numeronym a11y)과 Web Content Accessibility Guidelines (WCAG)을 이해하려는 끔찍한 작업 사이에서 우리는 왜 그렇게 어렵게 만듭니까?

그리고 WCAG가 이해하기 어렵다고 생각하지 않는다면 간단한 질문에 대해 StackOverflow에서 제공한 이 답변을 참조하십시오.

"Does using a placeholder as a label comply with WCAG 2?"

answer re: Does using a placeholder as a label comply with WCAG 2?


2020년 10월 19일

4

먼저 읽기: 이것은 레이블 대신 자리 표시자를 사용해야 한다는 제안이 아니라 자리 표시자가 WCAG 지침에 따라 충분한지 여부에 대한 사고 실험에 가깝습니다. 레이블 대신 자리 표시자를 사용하면 사이트에 액세스할 수 없습니다.

</p>

Open Full Answer




그 질문에 대답하는 데 1,500단어가 걸리지 말았어야 했습니다. 대답은 간단해야 했습니다.


아니.


(아이러니하게도 나는 비현실적인 "기술적으로 예"에 도달했습니다. 읽고 동의하는지 확인하십시오!)

기본은 쉽지만 우리는 복잡합니다!

내가 매일 보는 접근성 문제의 90%를 해결하기 위해 알아야 할 모든 것은 다음과 같습니다.

<nav> , <main> 등과 같은 의미론적 요소를 사용합니다.

컨텍스트에서 이미지를 설명하는 속성을 이미지에 추가합니다alt.

양식에 적절하게 연결된 레이블을 추가합니다

.

페이지에서 제목 수준을 건너뛰지 마십시오.

대비가 잘 안 되는 색상을 사용하지 말고 contrast checker

그게 다야! 어떻게든 이 5가지 항목을 수행하면 사이트/웹 앱/앱에 90% 액세스할 수 있습니다.

개발을 처음 접하는 경우 이 5가지 사항을 배우면 여전히 <div> 수프를 사용하여 문서를 구성하는 많은 "상급"개발자보다 더 나은 개발자가 될 것입니다.

그리고 가장 좋은 점은? 하루 안에 5가지를 모두 배울 수 있습니다!

오해하지 마세요. 마지막 10%는 훨씬 더 많은 지식이 필요하지만 그게 전부입니다. 문서가 더 쉬웠다면 더 많은 사람들이 문서를 찾아보고 구현할 것이라고 확신합니다.

우리가 더 잘할 수 있다고 생각하세요?

그래서 당신은 어떻게 생각하십니까? WAI-ARIA , WCAG , ATAG , VPAT 등으로 혼동되십니까? 나는 지금도 모든 일에 정말 얽매일 수 있다는 것을 알고 있습니다. 접근성에 대해 배우기 시작하는 사람들이 어떻게 느끼는지 생각하고 싶지 않습니다!

WCAG 3.0(이전의 WCAG 프로젝트 실버)이 이러한 많은 문제를 해결하기를 희망하지만 현재 계획에 따라 표준이 되기까지는 8년 이상 남았습니다!

"WCAG 3 is not expected to be a completed W3C standard for a few more years. WCAG 3 will not supersede WCAG 2, and WCAG 2 will not be deprecated, for at least several years after WCAG 3 is finalized." - source WCAG 3.0 Introduction on W3

그래서 그 동안 제가 묻고 있는 것은 다음과 같다고 생각합니다: 무엇을 보고 싶습니까/접근성을 더 쉽게 배우고 구현하기 위해 필요한 것이 무엇입니까?

아 그리고 태그 a11y를 accessibility로 변환하고 dev.to에서 동의어로 만드는 것에 대해 어떻게 생각하세요?

여러분의 생각과 아이디어를 기대합니다! 좋은 것들은 내가 게시물/시리즈로 바꿀 것입니다!
/end rant 😋

추신. 나는 이 기사에 대한 의미 있는 표지 이미지를 찾기 위해 정말 고군분투했습니다. 접근성을 나타내기 위해 틀에 박힌 "휠체어를 탄 사람"을 사용하지 않고 영감을 얻기 위해 사용할 수 있는 더 나은 표지 이미지를 본 사람이 있습니까??

편집: 더 나은 이미지를 선택하는 데 도움이 되는 이미지를 찾아주셔서 감사합니다! ❤️