무한 스크롤로 푸터에 접근할 수 없는 것은 접근성 결함입니다

무한 스크롤 기능 때문에 사용자가 푸터에 도달할 수 없다는 문제를 다룬 다른 폐쇄된 스레드를 읽었습니다. 해당 문제는 해결되지 않았습니다. UX(사용자 경험) 문제라는 우려가 제기되었는데, 이는 확실히 사실입니다. 하지만 이 문제는 접근성(Accessibility) 문제이기 때문에 제게 알려졌습니다.

문제점:
사용자가 스크롤과 같은 입력을 하고 있다고 해서 무한 스크롤을 활성화하려는 의도인 것은 아닙니다. 추가 정보나 지원을 위해 푸터에 도달하려는 의도일 수도 있습니다.

이 구성을 사용하는 커뮤니티는 WCAG 2.1 A 레벨을 통과하지 못합니다.

A 레벨은 웹 접근성에서 가장 기본적이고 필수적인 수준으로 간주됩니다.

저는 한 커뮤니티를 감사(audit)하고 있으며, 이 문제는 다음과 같은 성공 기준의 실패로 분류됩니다:

2.2.2 일시 정지, 중지, 숨기기 (레벨 A) - 중요
(1) 자동으로 시작되고 (2) 다른 콘텐츠와 병렬로 표시되는 자동 업데이트 정보에 대해, 사용자가 이를 일시 정지, 중지 또는 숨기거나 업데이트 주기를 제어할 수 있는 메커니즘이 있어야 합니다. 단, 자동 업데이트가 필수적인 활동의 일부인 경우는 제외합니다.

3.2.5 요청 시 변경 (레벨 AAA) - 심각
컨텍스트 변경은 사용자 요청에 의해서만 시작되거나, 이러한 변경을 끄는 메커니즘이 제공되어야 합니다.

해결책:

  • 피드에 ‘더 많은 게시물 불러오기’ 버튼을 추가하여 사용자에게 제어권을 돌려줍니다.
  • 사용자가 한 번에 볼 게시물의 수를 선택할 수 있도록 하여, 더 무한한 경험을 원하는 사용자들이 그렇게 할 수 있게 합니다.

"이 구성이 마음에 들지 않으면 다른 것을 선택하세요"라고 말하는 것은 정말로 허용될 수 없습니다. 이 구성은 훨씬 더 사용 가능하도록 쉽게 개선할 수 있으며, 그렇게 해야 합니다. 이는 많은 고객들에게 도덕적 및 법적 요구사항입니다.

필요한 변경 사항에 대한 논거를 세우는 데 이 글이 도움이 되기를 바랍니다.

여기서 말하는 푸터가 무엇인가요?

기본적으로 Discourse에는 푸터가 없습니다. https://meta.discourse.org/categories와 같은 페이지에서 확인하실 수 있습니다.

이는 의도적인 디자인 결정입니다. 무한 스크롤 웹사이트에 푸터를 추가하면 접근이 불가능해지기 때문입니다.

빠른 답변 감사합니다.

알겠습니다. 현재 무한 피드와 푸터를 함께 사용하면 접근성이 보장되지 않는 솔루션이 생성됩니다.

하지만 이것이 반드시 유일한 해결책일 필요는 없습니다. 피드에 컨트롤을 배치하여 사용자가 더 많은 게시물을 불러오거나 푸터에 도달하는 것 사이에서 선택할 수 있도록 할 수 있습니다. 이 부분에 대한 가능성이 있을까요?

푸터는 매우 일반적인 웹 패턴입니다. 일관되고 식별 가능한 웹 경험을 만드는 것은 사용 가능하고 이해하기 쉬운 경험을 창출하는 핵심 원칙입니다.

푸터는 성공 기준(SC) **2.4.5 여러 가지 방법 (AA)**을 지원합니다.

  • 웹 페이지가 프로세스의 결과이거나 프로세스의 한 단계인 경우를 제외하고, 웹 페이지 세트 내에서 웹 페이지를 위치 파악하는 데 두 가지 이상의 방법이 사용 가능합니다.

특정 페이지에서 푸터를 끄지 않는 것은 SC **3.2.3 일관된 내비게이션 (AA)**을 지원합니다.

  • 웹 페이지 세트 내에서 여러 웹 페이지에 반복되는 내비게이션 메커니즘은 사용자가 변경을 시작하는 경우를 제외하고, 반복될 때마다 동일한 상대 순서로 나타납니다.

Discourse의 입장은 해당 조합을 선택한 경우 그것이 사용자의 문제라는 것인가요?
어딘가의 문서에서 "무한 스크롤 웹사이트에 푸터를 추가하면 접근성이 보장되지 않는다"는 사실을 명시하는 조언이 제공되는지 알고 계신가요?

저는 어려운 상황에 처해 있습니다. 우리가 운영 중인 몇몇 대형 커뮤니티에 대한 재설계를 제안해야 하기 때문에, 이 문제에 대한 전체적인 그림을 파악하는 중입니다.

이 분야에 대한 기존 연구에 대해서는 잘 알지 못하지만, 무한 스크롤 웹사이트에 푸터를 배치해서는 안 된다는 것은 널리 알려진 사실입니다. 여기에는 Facebook, Twitter, LinkedIn, Instagram, GMail 등 많은 인기 있는 사례가 있습니다. 이 서비스들 중 어느 곳에도 푸터가 없으며, 수십억 명이 사용하는 웹 애플리케이션으로서 모든 기능이 정상적으로 작동하고 있습니다.

이것은 우리의 로드맵에 없으며, 기존 유료 고객 중 이러한 기능을 요청한 사례를 본 적이 없습니다.

따라서 전체적인 맥락을 올바르게 이해했다면, 당신의 문제는 다음과 같습니다:

  • 주요 프로퍼티(주요 사이트) 웹사이트에는 푸터가 있습니다.
  • 주요 프로퍼티와 Discourse 인스턴스가 유사해 보이기를 원합니다.
  • Discourse는 무한 스크롤을 통해 푸터를 밀어내므로, 일부 페이지에는 눈에 띄는 푸터가 없습니다.
  • 일부 페이지에만 푸터를 두는 것은 원치 않습니다.

복잡한 상황이라는 점을 이해하지만, Discourse를 사용하려는 경우라면 담담하게 받아들이고 두 가지 옵션 중 하나를 선택해야 합니다:

  1. 푸터를 배치합니다.
    무한 스크롤이 없는 페이지를 홈 페이지로 사용하세요(예: Categories - Discourse Meta). 이렇게 하면 푸터가 눈에 잘 띄게 표시되며, /latest 경로에서 도달하기 어렵다는 점은 신경 쓰지 않아도 됩니다.

  2. 푸터를 배치하지 않습니다.
    우리의 discourse.org 페이지에는 푸터가 있으며, 블로그에도 있습니다. 하지만 여기(메타 사이트)에는 동일한 푸터가 없습니다. 많은 회사가 이렇게 하고 있으며, 반대로 하려는 시도는 둥근 구멍에 네모난 못을 끼우려는 것과 같습니다.

저는 기존 유료 고객 중 일부를 대표하고 있습니다. 또한 첫 게시글에서 언급했듯이, 이 조합과 우려 사항에 대해 논의하는 다른 스레드들도 있으며, 그들도 최근 답변과 비슷한 방식으로 무시되었습니다.

이것은 저 개인의 문제가 아닙니다. 많은 커뮤니티가 경험하고 있는 접근성 실패이며, 팀이 이를 수정하는 데 개방적일 것이라고 기대했습니다.

우리는 Discourse를 계속 사용할 것이며, 이는 여러분의 로드맵에서 너무 멀리 떨어져 있기 때문에 일부는 자체적인 맞춤형 솔루션을 구축하는 방안을 검토할 것입니다.

푸터가 없는데, 혹시 방향을 잘못 잡고 있는 건 아닌지 모르겠어요.

페이지 상단에 무한 스크롤 페이지이며 푸터가 없다는 설명 텍스트를 추가하는 건 어떨까요?

약간의 편향성이 있다는 비판을 감수하더라도, Discourse를 단순히 웹 페이지로 분류하는 것은 온당하지 않다고 생각합니다.

이것은 웹 앱이며, 웹 페이지와 앱 사이의 경계를 흐리게 만듭니다.

앱으로 접근한다면 상황이 크게 달라지지 않을까요?

PWA로 열면 꽤나 설득력 있게 앱처럼 작동하는 것처럼 보입니다.

iOS 메일을 열면 푸터는 어디에 있나요?

(아, 하단 플로팅 패널에 기본적인 컨트롤이 있긴 하지만, 허브 모드인 Discourse에도 그런 것이 있긴 합니다.)

Apple은 푸터가 없다는 이유로 비난을 받고 있나요?

Gmail은 어떨까요?

Gmail과 메일에서 이메일에 대해 무한 스크롤을 허용하는 것은 괜찮지만, 주제 목록에서는 왜 그렇게 하지 못하는 걸까요? 의미론적으로 매우 유사하지 않나요?

Gmail이나 iOS 메일 개발자가 이메일을 더 보기 위한 버튼을 도입하면 사용자들이 좋아할까요?

그들의 접근성 전문가들은 왜 이 두 앱에서 무한 스크롤이 괜찮다고 결론 내린 걸까요?

그러면 이 가이드라인은 이 경우에 적용될 수 있는 것일까요?

https://thepavilion.io/ 포럼에는 참고할 수 있는 추가 푸터가 있습니다. 이 푸터는 iOS Safari에서는 잘 작동하지만, iOS Discourse 앱에서는 그렇지 않거나(최소한 다른 방식으로) 작동합니다.