멜라니 섬너는 디지털 접근성을 전문으로 하는 소프트웨어 엔지니어입니다. 그리고 엔지니어링, 접근성이 우수한 디자인인 Ember.js가 탄생한 과정, 그리고 이러한 노력에 자금을 지원하는 일의 중요성에 대해 이야기했습니다.
이 게시물에서는 접근성 알아보기의 일환으로 커뮤니티 전문가를 조명합니다.
Alexandra White: 참여해 주셔서 감사합니다. 여러분은 누구이며 무엇을 하나요?
멜라니 섬너: 제 이름은 멜라니 섬너이고, 디지털 접근성을 전문으로 합니다 웹용 코드를 작성하고 있는데 25년. 제 첫 번째 경력은 일종의 스파이였습니다. 나는 인도에서 인텔리전스 애널리스트로 일한 코딩을 취미로 삼았습니다.
스파이가 되는 게 별로 마음에 들지 않았어요. 알고 보니 난 죽음을 좋아하지 않았어. 대부분 더 가까이 가야 할 때도 있잖아요. 무엇을 할지 결정해야 했는데 하고 싶었고, 취미를 직업으로 바꿀 때가 되었습니다. 지난 10년 동안 저는 접근성 분야에서 소프트웨어 엔지니어링에 정말 집중해 왔습니다. 특히 그렇습니다.
Alexandra: '처음에는 스파이였어'라는 말을 자주 듣지는 않습니다. 신경 쓰지 마세요. 대상 접근성 작업에 관심을 가지게 되었나요?
Melanie: 저는 노스캐롤라이나 대학교 [UNC] 예배당에서 일하고 있었어요. 개발부에서 있었어요. 그렇다고 해서 발전할 수 있는 것은 웹 개발과 마찬가지로 기금 모금과 같은 개발을 의미합니다
제 담당 관리자는 시각장애가 있어서 모든 것을 확대/축소해야 했습니다. 400% 적당합니다. 그는 훌륭한 소프트웨어 엔지니어였습니다. 아마도 최고의 매니저일 것입니다. 사실은 겪어본 적 있어요. 하지만 그 남자는 항상 내 물건을 부수고 있었어. 확대해서 볼 수 있어. 이러한 프로젝트에 고장날 수 있습니다.
매니저의 상사가 파란색 색맹이었어요. UNC 블루색이 뭔지 잘 모르겠어 연한 하늘색입니다. 흰색 바탕에 사용하는 것을 좋아했습니다.
Alexandra: (웃음) 이런.
Melanie: 상사는 항상 제 작품을 볼 수 없다고 불평하더군요. 난 보완적인 색과 색 구성표를 개발해야 했습니다. 그때 색상 대비에 대해 생각하고 사람들이 색맹 (또는 기타 시각장애인)은 웹을 사용합니다.
UNC는 주립 대학이기 때문에 미국 연방 요구사항 WCAG 접근성 수준 AA를 준수해야 합니다. AAA를 목표로 하는 이유는 다음과 같습니다. 교육 기관이죠.
주 및 연방 규정에 대해 자세히 알아보고 W3C 접근성 사양의 내용을 확인하고자 했습니다. 말이 됩니다." 제가 볼 수 있듯이 웹 대부분이 규정을 준수하지 않았습니다. / 웹 접근성에 대한 연구는 웹이 오래 전부터 있습니다. 때로는 JavaScript 엔지니어 (특히)가 약간 느릴 때가 있습니다. 디지털 접근성과 관련하여 얼마나 많이 활용되고 있는지 잘 알고 있습니다.
저는 접근성을 웹의 최종 개척자라고 생각합니다. 훌륭한 분들이 많으시겠죠. 접근성을 위한 자동화에도 불구하고 Google과 동일한 솔루션을 성능 및 보안과 같은 다른 어려운 문제에 접근하는 방식으로 접근했습니다.
Alexandra: 길고 복잡한 문서를 많이 읽었을 겁니다. 해군, UNC에서요. 사양을 이해하기 어려웠나요?
Melanie: 네 번 정도 읽었으면 다 이해했어요. 전에는 다른 사양을 읽었는데 전 항상 사람들에게 말하지요. 그게 이해가 되는데요, 사양을 다섯 번 읽어야 했거든요! 농담이 아니에요.
사양을 지정하는 데 익숙해지려면 시간이 많이 걸립니다. 인코더-디코더 아키텍처를 잘못할 수도 있습니다. 또한 kubectl 명령어와 많은 사양 언어가 브라우저 개발자를 위한 것임을 뜻합니다. 검색 "작성자는 해야 한다" 웹 개발자에 대한 참조이기 때문입니다.
Alexandra: 더 많은 개발자가 웹상의 콘텐츠를 개선할 수 있는 방법을 사양을 해독합니다.
Melanie: '멜라니'라고 해석하는 사이트에 대해서는 할 말이 많습니다. 있습니다. a11y-automation.dev와 해당 사이트를 구축했습니다. 내 아기, 사이드 프로젝트 같은 거라고. 모든 접근성을 항목화하려고 노력함 문제가 되는 WCAG 성공 기준에 연결합니다. 만약 자동화를 사용하고 있다면 그 솔루션을 제공해 드리겠습니다
잠재적인 위반사항 목록을 숙지할 수 있지만 그것을 수정하는 방법을 배우는 것이 중요합니다. 존재하지 않는 자동 수정의 경우 린터나 템플릿을 작성하고 싶은 마음이 들 수도 있습니다. 일종의 테스트를 작성하게 되었습니다.
저는 오픈소스에서 일하는 편을 선호해요. 각자 내용을 자세히 들여다보는 거죠. 개선을 제안할 수 있습니다 (때로는 개선도 가능하지만 최선을 다함). 우리는 서로의 것을 바탕으로 만들어가고, 훌륭한 결과를 얻게 되었습니다.
접근성을 위한 자금을 마련하는 방법
Alexandra: 저는 Google Cloud에 pleasefunda11y.com을 가장 중요한 것은 배우기 위해 노력하는 대신, 접근 가능한 사이트를 경영진의 자금이나 승인 없이 리소스를 사용할 수 있습니다. 왜 이 사이트를 구축하기로 결정하셨나요?
Melanie: 접근성에 대한 자금이 부족하여 답답했어요. 전체 오픈소스 자금 지원이 CSS에 계속 집중되는 것 같습니다. 저는 CSS를 좋아합니다. 많은 것을 할 수 있습니다.
이 사이트를 구축한 이유는 에디 오스마니가 Chrome 소프트웨어 엔지니어링 관리자로서 당시 접근성에 대한 자금 지원을 요청했지만 구체적으로 어떤 일을 하고 있는지에 대한 조언을 자금이 지원될 수 있었습니다 이는 큰 문제입니다. 오픈소스 자금 제공자들은 결정된 결과가 없는 일반적인 아이디어가 아닌 특정 프로젝트에 적용됩니다. 소요 시간: 시간을 내어 몇 가지 구체적인 이니셔티브와 무엇이 필요한지 사이트에 대한 접근성을 높이는 데 도움이 됩니다.
기업이 이러한 노력을 기울이지 않고도 웹의 접근성을 개선하는 데 있어 정말 중요한 역할을 합니다. Kubernetes는 다른 웹 노력에 비해 지출이 크며, 이는 비즈니스 성공에 큰 도움이 되었습니다.
현재의 사고 방식은 많은 경우 "글쎄요, 많은 사람들이 어떻게 해야 할까요?" 대상: "개인과 개인의 관계는 어떠한가 어떻게 해야 할까요?"
어떤 사람들은 저에게 "저는 색맹이 아닌데 할 수 있습니다." 다음과 같은 경우에는 자신을 장애라고 밝히지 않을 수 있습니다. 색맹이지만 기술과의 관계에 영향을 미칩니다.
Alexandra: 고객님과 고객님의 관계에 대해 자세히 알려주세요. 있습니다. 접근성과 어떤 관련이 있을까요?
Melanie: 예를 들어 다각적 의식을 가지고 있다면 명확한 방향을 제시해 줍니다. 보다 유용한 정보를 얻으실 수 있습니다. 한 번에 세 개 또는 네 개의 화면을 보면서 선택의 폭을 넓힐 수 있습니다. 있습니다. 최신 기술 애플리케이션에 대한 적절한 지침은 없습니다.
우리는 DevOps를 수행하는 회사들이 있습니다. '맙소사', 아세요? 우리는 부엌 싱크대를 꾸리려고 노력 중입니다. 모든 인터페이스에 통합되었습니다.
Alexandra: 예를 하나 공유해 주실 수 있나요?
Melanie: 예를 들어 GitHub에는 중첩된 탭이 있는 드롭다운이 있습니다. 또한 [격렬한 한숨] 짜증이 나더라도 속상하지 않습니다 최신 웹 성장해야 합니다 하지만 Google은 책임감 있는 AI를 방법을 찾고 있습니다.
그것이 바로 저의 원동력이고 그것이 제 열정입니다. 누군가 일하는 것을 일자리를 구하기 위해 필요한 도구에 액세스할 수 없었기 때문입니다.
Alexandra: 100퍼센트. 사람들은 종종 제품을 제공할 수 있지만 반드시 생각하고 있지는 않습니다. 직원에 대해 알게 되었습니다.
Melanie: 아시다시피 이 자금 조달 조언이 모두에게 도움이 됩니다
엔지니어들이 접근성을 좋아한다는 말을 항상 듣지만, "제 신경 쓰지 않죠." 분명 관심을 가질 거야! 비즈니스를 연계하기만 하면 됨 논리 갭입니다. 비즈니스에 유익한 결과를 보여주세요. 사이트가 영업 중임 소스도 찾을 수 있죠. 참여 및 수정
Alexandra: 접근성은 보통 마지막에 남겨두는 편입니다. 예를 들어 "아, 나중에 사용할 수 있도록 만들면 돼요."라고 말합니다. 하지만 한 번에 전사적으로 접근 가능한 관행을 통합하는 것보다 나중에 이를 추가하는 것이 살펴보겠습니다
Melanie: 저는 "한 번 빌드하려면 비용을 지불하고 싶으신가요, 아니면 비용을 지불해야 할까요?'
Ember.js와 핵심 접근성팀
Alexandra: Ember.js 프레임워크 핵심팀도 소속되어 계신 것으로 알고 있습니다. 어떻게 참여하게 되었나요?
Melanie: 저는 JPMorgan Chase에서 근무하는 투자 뱅킹 플랫폼입니다. Ember는 강력한 자바스크립트 프레임워크로, 매우 안정적이고 지루한 기반이 필요할 때 은행 비용을 많이 잃는 코드를 작성하지 않아도 됩니다. 엠버는 뒤를 잇고 호환성 보장이 있어 메이저 버전입니다 고장나지 않도록 점진적으로 일을 하기 위해 노력합니다. 있습니다.
어쨌든, 나는 Ember 회의에 참석했고 있습니다. 엠버 친구들이 정말 친절했어요. 그리고 정말로 강력한 윤리 강령을 다른 곳에서는 볼 수 없었던 것입니다.
군대에서 제대했을 때 안보로 들어가고 싶었습니다. 제가 갔던 곳은 정보 보안의 모임에 참가했는데, 다른 여자를 한 명도 보지 못했죠. 나이가 많은 남자 중 한 명이 저를 보고 "이 방에 머물고 있니?"라고 물었습니다.
Alexandra: [신호] 아파요. 전혀 놀랄 일이 아닙니다. 나는 유사한 문제를 경험했습니다
Melanie: 2011년, 2012년이었다고요? 변화하는 환경 많이 있습니다. 나는 그날 밤, 그 모임 동안 나는 의지를 입증하기 위해 계속 머물렀습니다. 아니 그 댓글 때문에 말이야. 농담도 하고, 메모도 잘 하고, 대화에 참여해서 사람들이 제가 거기에 있다는 것을 알았습니다. 많이 느껴짐 남자들이 틀렸음을 증명해 왔어요
하지만 여성들이 남성이 틀렸다는 것을 증명하기 위해 소프트웨어 엔지니어가 되는 것을 원하지 않습니다. 난 멋진 것을 만드는 소프트웨어 엔지니어가 되고 싶었습니다. 있습니다. 여성도 그러한 커리어 옵션을 가져야 합니다.
Alexandra: 물론입니다.
Melanie: 저는 접근성에 관해 알게 된 정보를 Ember 커뮤니티에 공유했습니다. 왜냐하면 금융 플랫폼인 만큼 미국 연방정부의 요구사항을 충족해야 합니다 예후다 카츠와 톰 데일은 "우리 팀과는 격차가 있습니다. 많은 JavaScript 전문가, 성능 전문가, 외부인들이 있어서 접근성 지식을 갖춘 사람이 필요해요."라고 말합니다. 저를 초대했습니다. 핵심 팀에 합류했습니다.
Ember를 기본적으로 액세스할 수 있도록 하는 이니셔티브를 진행하고 있습니다. 다시 말해
ember new <my-app-name>
라고 말하면 즉시 WCAG를 통과해야 합니다.
성공 기준
Alexandra: GitHub에서 Ember용 접근성 도구 목록을 여러 개 찾았습니다. Ember 커뮤니티 구성원들이 어떻게 해야 할까요?
Melanie: 이 작업에서 정말 흥미로운 부분이었습니다. 내가 쓴 LinkedIn에서 일하는 동안 Ember의 접근성 린트 작업 규칙을 개선했습니다. 그리고 떠났어 LinkedIn을 통해 Hashicorp에서 근무했고, 다른 직원들은 여전히 린터 자체에 유용하기 때문이죠 이 일을 하면서 저를 신나게 만듭니다.
Google은 기본적으로 접근성이 시민권이라는 점을 인정합니다. 아니야 확인하세요.
이제 무엇을 구현할 수 있을까요? 시기 어떻게 만들 수 있을까요? 문제를 이를 가르치고 이전 버전과 호환되도록 할 수 있을까요? 개발자가 Google Cloud에서 제공하는 구축하거나 이를 위해 막대한 추가 기능을 사용하지 않고도 접근성을 무엇인가요?
Alexandra: 접근성은 시민권입니다. 상쾌하구나! 그것은 그냥 우리 모두가 진실로 알고 있는 것이 되어야 합니다.
Melanie: 예전에 모르는 얘기를 했어요. 할 수 있습니다."라고 말합니다. 또는 "왜 장애를 고려해야 하는 걸까? 사용자가 5%일 때는 어떻게 해야 할까요? 하지 않을 것 이러한 토론은 작업에 집중하는 데 사용되는 경우가 많기 때문입니다.
액세스 가능한 코드를 작성하면 성능이 향상됩니다. 왜냐하면
는 W3C 사양을 바탕으로 사이트를 구축하려고 합니다. 이 작업은
의미론적 HTML을 사용하고 제목을 사용합니다. 선택 가능한
클릭 이벤트를 <div>
에 추가하는 대신 <button>
를 사용하고,
성능을 향상할 수 있습니다.
접근성 자동화
Alexandra: 접근성 높은 앱을 빌드하기 위해 웹 개발자가 해야 할 일 어떻게 해야 할까요?
Melanie: 자동화를 추가합니다. 원하는 파일을 찾을 수 있는 어떤 종류의 코드를 사용하든 상관없습니다. 어디로 가도 상관없어 있습니다! 이러한 규칙 중 하나를 위반하면 빌드가 중단됩니다.
AI가 아직 인텐트를 해독할 수 없기 때문에 일부 항목은 자동화할 수 없습니다. 대상 예를 들어 이미지의 대체 텍스트 값은 의미가 있어야 하지만 무엇인가요? 지금은 자동화가 아니라 인간이 이를 인지해야 합니다.
하지만 자동화된 도구는 색상 대비"라고 되어 있습니다. 단 수정할 수 있습니다 싸우지 말고 "그러고 싶지 않아요, 이 방법을 선호해요"라고 말하지 마세요. 당신에 관한 것이 아닙니다. 모든 사람들이 이용할 수 있는 서비스를 제공하는 것이 놀라움을 금치 못합니다.
접근성은 하나의 여정이며 항상 배우게 될 것입니다. CANNOT TRANSLATE 접근성을 전문으로 하고 있으며 여전히 새로운 것을 배우고 있습니다. 하는 것입니다. 방어적인 태도를 보이지 말고 그냥 하라.
멜라니의 웹사이트( melanie.codes 및 Twitter @a11yMel을 입력합니다. 접근성 관련 리소스 확인하기 pleasefunda11y.com a11y-info.com 및 a11y-automation.dev