What is Hackers' Pub?

Hackers' Pub is a place for software engineers to share their knowledge and experience with each other. It's also an ActivityPub-enabled social network, so you can follow your favorite hackers in the fediverse and get their latest posts in your feed.

0
0
0
1

학과 책장에 11년 전에 출간한 웹 접근성 책을 찾았습니다.

책 목차를 살펴보니 WCAG 표준에서 제정한 아래 4가지 원칙을 개별마다 많은 사례를 바탕으로 다루고 있네요.

  • 인지할 수 있는(Perceivable)
  • 조작 가능한(Operable)
  • 이해할 수 있는(Understandable)
  • 견고함(Robust)

자료가 오래되었지만 흥미 있는 사례집이라 읽어 보려고 합니다.

책장 중간에 
"장애인차별금지법 대응을 위한 웹 접근성과 품질인증
류영일 • 하성필 • 김혜일 • 성영한 지음

에이콘"라고 적힌 책이 놓여 있다.| 지은이

류영일
2007년부터 2012년까지 한국정보화진흥원에서 웹 표준과 웹 접근성 관련 업무 를 맡아왔으며, 웹 접근성 품질인증마크 담당과 법 제도 T/F를 운영하여 지금의 국가정보화기본법 개정 내용을 만들었다. 부족한 인증심사 기준을 제시하기 위 해 좀 더 구체적인 웹 접근성 품질인증심사가이드를 제작하는 등 다양한 웹 접근 성 업무를 추진해왔다. 현재 웹 접근성 컨설턴트로 일하고 있으며, 다수의 강의 및 컨설팅, 자문을 수행 중이다. 특히 접근성이 웹에 머물지 않고 모바일 분야와 소프트웨어, 제품, 서비스까지 확장되어야 한다는 생각으로 접근성 연구회를 설 립하여 기반 기술을 사회에 제시하고 웹 접근성을 알 수 있는 기회를 제공하는 등 사회 곳곳에 접근성을 향상시키는 연결 구조를 만들기 위해 노력하고 있다.

하성필
1999년 웹 제작을 시작한 이후 웹 디자이너, 기획자 등을 거처 현재 웹 퍼블리셔 및 웹 접근성 컨설턴트로 일하고 있다. 다양한 웹 기술 분야의 경험을 바탕으로 다수의 웹 접근성과 웹 퍼블리싱 강의를 하며, 웹 접근성의 모호한 영역까지 모두 실무적으로 구현할 수 있는 실력의 소유자다.

김혜일
국내에서 점유율이 가장 높은 화면 낭독기 개발 기업의 기술자문 경험을 바탕으로 한 사용자 평가와 저시력 사용자에 대한 웹 접근성 전문가다. 실제 시각장애인이 면서 다수의 웹 접근성 관련 사용자 평가 경험을 바탕으로 현재는 전문가 평가로 영역을 확대했으며 다양한 웹사이트, 모바일 앱 등 접근성 평가와 자문을 진행하 고 있다. 스스로 시각장애로 인해 느끼는 불편을 누구보다 잘 알기에 실제 사용성 을 높일 수 있도록 지침 이외의 영역에 대한 접근성 개선을 소명으로 생각하는 접 근성 지킴이다.
성영한
자바와 관련해서 10년 이상 개발을 하다가 우연한 기회로 접근성을 접한 후, 퍼 블리셔 위주의 접근성을 개발자들도 모두 기본적으로 숙지해야 한다는 생각을 하 게 됐다. 사회 비용이 증가하더라도 웹을 사용하는 모든 사용자에게 평등한 기회 를 부여해야 한다는 철학하에 현재는 웹 접근성을 자동화할 수 있는 자바스크립 트를 연구하고 있고, 웹뿐만 아니라 모바일까지 연구 범위를 확대하고 있다.2부 웹 접근성 기본 4원칙
3장 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다
3.1
[검사항목 1] 적절한 대체 텍스트 제공 ... 111
3.1.1 [오류유형 1-1] 텍스트 이미지의 대체 텍스트 미 제공 ..• 113
3.1.2 [오류유형 1-1] 불충분한 대체 텍스트를 제공한 경우 ... 115
3.1.3 [오류유형 1-1] 대체 텍스트가 오타로 표기된 경우 ... 117
3.1.4 [오류유형 1-1] 이미지 버튼에 대체 텍스트를 제공하지 않은 경우 ... 118
3.1.5
[오류유형 1-1] 게시물의 이미지에 대체 텍스트가 제공되지 않은 경우 ... 119
3.1.6
[오류유형 1-2] 불릿 이미지에 대한 대체 텍스트를 제공하지 않은 경우 ... 121
3.1.7
[오류유형 1-2] 의미 없는 이미지에 대체 텍스트를 제공한 경우 ... 123
3.1.8 [오류유형 1-2] 분리된 이미지 조각의 대체 텍스트 제공 ... 124
3.1.9 [오류유형 1-3] 〈Iongdesc〉의 파일이 없거나 연결되지 않은 경우... 125
3.1.10 [오류유형 1-3] 〈longdesc〉 내용이 의미나 기능을 파악하기 어려운 경우 ... 126
3.1.11 [오류유형 1-4] 이미지맵의 〈img〉 요소에 alt 속성을 제공하지 않은 경우 ... 129
3.1.12 [오류유형 1-5] 조직도 이미지맵의 〈area〉로만 대체 텍스트를 제공한 경우 ... 131
3.1.13 [오류유형 1-6] 대체 텍스트를 tite만으로 제공하는 경우 ... 133
3.1.14 [오류유형 1-7 QR 코드의 이동 주소 정보를 대체 텍스트 등으로 제공하지 않은 경우
... 133
3.1.15 [오류유형 1-8] 의미 있는 배경 이미지의 대체 콘텐츠를 제공하지 않은 경우 ... 135
3.1.16 [오류유형 1-8] 의미 있는 색상 배경 이미지에 대체 콘텐츠를 제공하지 않은 경우 ... 137
3.1.17 [오류유형 1-9] 플래시 콘텐츠에 대체 텍스트를 제공하지 않은 경우 ... 138
3.1.18 [오류유형 1-9] 웹 애플리케이션의 대체 콘텐츠가 접근성이 없는 경우 ... 1414장 운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션할 수 있어야 한다
4.1
[검사항목 기 키보드 사용 보장 ... 191
4.1.1 [오류유형 1-1] 이미지에 onclick 이벤트를 적용하여 키보드로 제어할 수 없는 경우 ... 198
4.1.2 [오류유형 7-1] 키보드 이벤트를 적용하지 않아 키보드 접근이 안 되는 경우 ... 195
4.1.3 [오류유형 7-11 readonly 속성을 사용하여 대체 수단이 비활성화되는 경우 ... 197
4.1.4 [오류유형 1-1 마우스용 자바스크립트 사용으로 키보드 이용이 불가능한 경우 ... 198
4.1.5 [오류유형 7-2] 플래시 wmode 값 설정으로 키보드 이용이 불가능한 경우 ... 200
4.1.6 [주의사항 7-1] 웹 접근성 품질인증심사에서는 IE8 브라우저에서 키보드 테스트함 ... 203
4.1.7 [주의사항 7-21 onclick 이벤트 핸들러에 키보드로 제어가 불가한 경우 감점 ... 203
4.1.8 [주의사항 7-3] 예외 콘텐츠라도 주변 인터페이스는 키보드로 사용할 수 있어야 함 ... 203
4.1.9 [주의사항 7-4] 키보드로 탭메뉴에서 탭 내용을 확인할 수 없는 경우 감점 ... 204
4.1.10 [주의사항 7-5 oniocus="this.blur0;" 사용 시, 검사항목 7, 8, 16에서 감점 ... 204
4.1.11 [주의사항 7-61 wmode를 transparent, opaque로 지정 시 화면 낭독기 인식 불가능
... 205
4.2
[검사항목 8] 초점 이동 ... 206
4.2.1 [오류유형 8-1] 초점의 이동 순서가 논리적이지 않으며 일관성이 없는 경우 ... 207
4.2.2 [오류유형 8-21 초점의 위치가 시각적으로 표시되지 않은 경우 .•. 209
4.2.3 [오류유형 8-3] 〈area〉 요소의 순서가 키보드 순서와 다른 경우 ... 213
4.2.4 [주의사항 8-11 onfocus="this.blur0;" 사용 시, 검사항목 7, 8, 16에서 감점 ... 214
4.3
[검사항목 9] 응답시간 조절 ... 215
4.3.1 [오류유형 9-1] 페이지 재이동 시 회피할 수 있는 수단을 제공하지 않은 경우 ... 2165장 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다
5.1
[검사항목 15] 기본 언어 표시 ... 257
5.1.1
[오류유형 15-11 〈html〉에 lang 속성을 명시하지 않은 경우 ... 258
5.1.2
[오류유형 15-1] 〈html〉에 lang 속성을 잘못 명시한 경우 ... 259
5.1.3 [주의사항 15-1] lang 속성값에 국가별 지정언어 코드를 사용해야 함 ..• 260
5.1.4 [주의사항 15-21 페이지 중간에 언어가 바뀔 때 lang 속성으로 명시해주는 것을 권장 ... 262
5.2
[검사항목 16] 사용자 요구에 따른 실행 ... 263
5.2.1
[오류유형 16-1] 사용자가 예측하지 않은 새 창이 열리는 경우 ... 264
5.2.2
: [오류유형 16-1] 사전에 알리지 않은 새 창이 발생되는 경우 ... 267
5.2.3 [오류유형 16-2] 웹사이트 초기화면에 팝업창을 제공하는 경우 ... 268
5.2.4 [오류유형 16-3] 사용자가 의도하지 않은 초점 변화가 발생하는 경우 ... 271
5.2.5 [오류유형 16-4] 입력 서식의 값 변경만으로 제출되어 문맥이 바뀌는 경우 ... 273
5.2.6 [오류유형 16-4] 체크상자의 선택만으로 값이 제출되어 문맥이 바뀌는 경우 ... 274
5.2.7 [주의사항 16-1] onkeypress에 의해 포커스를 옮기는 동작만으로 새 창이 발생하면 감점
... 275
5.2.8 [주의사항 16-21 〈a targel="_blank">로만 새 창을 알린 경우는 감점하지 않음 ... 276
5.2.9
[주의사항 16-3] onfocus="this.blur)" 사용 시, 검사항목 7, 8, 16에서 감점 ... 2766장 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 최대한 호환되어야 한다
6.1
[검사항목 21] 마크업 오류 방지 ... 317
6.1.1 [오류유형 21-1] 태그의 열고 닫음 오류 ... 318
6.1.2 [오류유형 21-2] 태그의 중첩 오류 ... 319
6.1.3 [오류유형 21-3] 중복 선언된 속성 오류 ... 320
6.1.4 [주의사항 21-1] ID 값 중복 선언은 오류유형 21-3에서 심사 ... 320
6.1.5 [주의사항 21-2] 위에 언급된 항목 이외의 표준문법 오류는 포함하지 않음 ... 321
6.1.6 마크업 오류 세부 사례 ... 321
6.1.6.1 [열고 닫음 오류 사례 1 (a) 요소 여는 태그 미 제공 ... 321
6.1.6.2 [열고 닫음 오류 사례 2 〈ul〉 요소 여는 태그 미 제공 ... 322
6.1.6.3 [열고 닫음 오류 사례 31 div》요소 여는 태그 미 제공 ... 323
6.1.6.4 [열고 닫음 오류 사례 41 〈a〉 요소 닫는 태그 미 제공 ... 323
6.1.6.5 [열고 닫음 오류 사례 5] 《strong〉 요소 닫는 태그 미 제공 ... 324
6.1.6.6 [열고 닫음 오류 사례 61 〈h 요소 닫는 태그 미 제공 ... 325
6.1.6.7 [태그의 중첩 오류 사례] 《p》와 《strong》의 중첩 제공 ... 326
6.1.6.8 [속성 중복 오류 사례 11 〈p〉 요소에 대한 style》 속성 중복 제공 ... 326
6.1.6.9 [속성 중복 오류 사례 2] ID 속성 중복 제공 ... 327
6.2
[검사항목 22] 웹 애플리케이션 접근성 준수 ... 330
6.2.1 [오류유형 22-1] 접근성이 없는 웹 애플리케이션의 대체 콘텐츠가 없는 경우 ... 331
6.2.2 [오류유형 22-1] 대체 콘텐츠가 핵심 기능을 동등하게 제공하지 못한 경우 ... 332
1
0
0
0
0
0
0
1
0
1
0
0
0

ぐぬぬ。一日三食とるようになったら、体重が増えた。運動量はそれなりにあるのに、もう摂取カロリーが一日二食でないとバランスしなくなったか。

0
1
1

쉬는 시간에 기자회견 영상을 간략히 훑었다. 모두발언 순서는 시민사회대표들->조혁당~사민당 대표들->민주당(박찬대). 김재연 후보는 본인 발언시간을 통해 민주당만으로는 온전한 개혁의 추진이 불가능함을 언급했고, 그외 여러 발언자들이 촛불정부의 개혁이 다양한 이유로 미완에 그치거나 실패하여 윤석열 정부 탄생을 낳고 말았음을 부정하지 않았다. 진행자는 앞선 모든 참여자의 각 정견발언들에 대해 최종적으로 민주당 박찬대가 응답을 하도록 요청했다. 선언문도 돌아가면서 낭독했는데 특히 "사회대개혁위원회" 설치 관련 서두 부분이 박찬대 몫.

RE: https://bsky.app/profile/did:plc:ijc4yb24tysgjiaiib2ldgyk/post/3lopoaw7eq22h

0
0
0
1

🇪🇺 75 Years of the Schuman Declaration 🇪🇺

On 9 May 1950, Robert Schuman put forward a bold idea: unite Europe by pooling coal and steel production to make war ‘not merely unthinkable, but materially impossible.’

This moment planted the seed of today’s European Union, laying the foundations for peace and prosperity 🕊️

75 years on, the Declaration’s message of unity and solidarity resonates as much as ever.

Together we are stronger!

Photo of Robert Schuman, standing in the centre, was taken on 20 June 1950, at the opening of the intergovernmental negotiations for the implementation of the Schuman Plan. It is generally used to illustrate the declaration of 9 May 1950 as no photographer was present at the original press conference. Photo of Robert Schuman.
0
0
0

One of the hardest parts of chronic illness is that you can do everything “right” & still have a setback.

You can rest, eat healthy, manage stress & take all your meds & still have a horrible flare.

The loss of control is painful, and a big part of why folks are afraid of people with disabilities

The non disabled need to believe that they can “healthy living” or “try harder” their way out of disability.

That they’re the exception. That we have failed because we didn’t really “want” to get better.

They can’t fathom that sometimes it doesn’t matter what you do, you still get sicker

0
0
0
1

배신당할 희망을 품는 것은 잘못이 아니고, 희망을 배신하는 자들이 존재하는 게 잘못이다. 입 발린 말의 속뜻 따위는 알 수도 없고 믿지도 않겠다. 한다고 말했으면 할 거라고 믿을 것이고, 이윽고 하지 않는다면 배신행위로 간주할 뿐이다.

1
0
0
0
0

https://kr.canon/product/content/detail/84DB5448694780F94323EA1F44D604D7

캐논이 RF 75-300mm F4-5.6을 (평이 안 좋았던) EF 버전 마운트 갈이 해서 내놓는대서 그걸 미러리스 시대에 쓰라고? 했더니 정식 발매가가 29.9만.

... 이 가격이면 머 찍히기만 해도 감지덕지긴 하지.;; 손떨방도 없고 아예 대놓고 APS-C에 쓰라고 하니 주변부는 엉망이겠지만 가격이 강하다.

대놓고 망원 맛이나 좀 보시죠? 미끼 상품인데... 허허.

0

희망이 배신당하는 일은 흔하다. 그렇다고 희망을 가지지 않으면 할 수 있는 일은 냉소밖에 없다. 끝없이 배신당할지언정 나는 계속해서 희망을 가질 것이다. 오늘의 진보에 희망을 가진다는 것은 큰 그림을 믿고 모든 게 잘 될 거라고 손모아 기도하는 것 따위가 아니라, 그 희망이 배신당하지 않도록 계속해서 주시하고 언제든지 새로운 화를 낼 준비를 하는 것이라고 믿는다.

0
0

@Yohei_Zuhoもちもちずきん🍆 今のところは曇りがちみたいやけど、気温はだいたい20℃くらいでそこまで寒ない感じやね。風はちょっと強めやさかい、羽織もんがあってもええかも。
これから先、晴れてくるかどうかは微妙やけど、遅めの時間帯にはちょっと晴れ間も期待できるかもしれへん。
とはいえ天気はよう変わるもんやから、公式の天気予報サイトなんかもチェックしてみてな~。

0
1
0
0

김민웅 촛불행동 상임대표는 지난 2020년 12월 자신의 페이스북에 ‘박원순 시장 비서의 손편지’라는 제목으로 피해자가 박 전 시장에게 쓴 세통의 편지 사진을 피해자 실명과 함께 노출했다. 이에 누구든지 피해자 인적사항을 피해자 동의 없이 신문·방송·정보통신망 등을 통해 공개하는 행위를 금지한 성폭력범죄의 처벌 등에 관한 특례법 위반 혐의로 기소됐다.

“성폭력 2차 가해자와 함께 갈 수 없다”…촛불행동 대...

0
0
0
0
0

희망이 배신당하는 일은 흔하다. 그렇다고 희망을 가지지 않으면 할 수 있는 일은 냉소밖에 없다. 끝없이 배신당할지언정 나는 계속해서 희망을 가질 것이다. 오늘의 진보에 희망을 가진다는 것은 큰 그림을 믿고 모든 게 잘 될 거라고 손모아 기도하는 것 따위가 아니라, 그 희망이 배신당하지 않도록 계속해서 주시하고 언제든지 새로운 화를 낼 준비를 하는 것이라고 믿는다.

0
[2025/05/09 15:31]
【速報】自民・西田昌司議員がひめゆり発言を一転撤回し謝罪「不適切だった」 沖縄県民や関係者に「お詫び」
https://news.yahoo.co.jp/articles/6d4d4d3fb6df9e683325682a4dc07780dd6861c5

腹の中ではそう思ってないし何も変わらないだろ、という否定的な意見が散見する。
でもなあ、政治家なんてメンツがすべて。反社と似たような心理属性でできてる。カタチだけにしても発言の撤回と謝罪をする/できるのは、そこだけは素直に認めてもいいんじゃないかなあ。
0
0
[2025/05/09 15:31]
【速報】自民・西田昌司議員がひめゆり発言を一転撤回し謝罪「不適切だった」 沖縄県民や関係者に「お詫び」
https://news.yahoo.co.jp/articles/6d4d4d3fb6df9e683325682a4dc07780dd6861c5

腹の中ではそう思ってないし何も変わらないだろ、という否定的な意見が散見する。
でもなあ、政治家なんてメンツがすべて。反社と似たような心理属性でできてる。カタチだけにしても発言の撤回と謝罪をする/できるのは、そこだけは素直に認めてもいいんじゃないかなあ。
0
0
0
1
0