<ins>와 <del>에 대해 다음 스타일링을 추가할 수 있을까요?
ins { text-decoration: underline; }
del { text-decoration: line-through; }
예시:
But soft, what light through
thatyonder window breaks?
삭제는 빨간색, 삽입은 녹색으로 표시하는 것이 매우 관례적입니다. 워드 프로세서 기능(예: Word의 변경 사항 추적)도 보편적으로 밑줄과 취소선을 사용합니다. 제 Chrome 브라우저의 기본 스타일시트도 마찬가지입니다. 하지만 Discourse 포럼에서는 배경색이 입혀진 텍스트만 보입니다.
Discourse의 CSS 리셋이 이를 덮어쓰고 있는 것 같습니다.
색상만으로 구별하는 것은 적록색약 사용자에게 다소 불편할 수 있으므로, 이 부분에서도 도움이 될 수 있습니다… 시뮬레이션 예시:
색상 큐가 background, color, 또는 둘 다여야 하는지도 고려해 볼 가치가 있다고 생각합니다.
그러니까 여기서 색과 밑줄/취소선을 둘 다 사용하자는 건가요? @awesomerobot 원하신다면 그쪽으로 통합하셔도 좋습니다. 아주 작고 쉬운 변경 사항인 것 같습니다.
법률 문서에서 삽입된 텍스트는 녹색 글씨와 밑줄, 삭제된 텍스트는 빨간 글씨와 취소선으로 표시하는 것이 관례입니다. GitHub의 프로즈 diff는 삽입된 부분에 녹색 배경과 밑줄, 삭제된 부분에 빨간 배경과 취소선을 적용하는 것으로 알고 있습니다.
색상과 텍스트 장식(밑줄, 취소선 등)을 함께 사용하는 것을 강력히 권장합니다. 텍스트, 배경, 또는 둘 다에 색상을 적용할지에 대해서는 강한 의견이 없으며, 삽입과 삭제에 동일한 접근 방식을 적용하기만 하면 됩니다.
다크 모드도 고려해 볼 가치가 있을 것입니다. 방금 GitHub의 프로즈 diff를 확인해 보았는데, 다크 모드의 회색 배경에서는 스타일링이 잘 보이지 않았습니다.
저는 괜찮습니다. @awesomerobot 님도 찬성하시면 진행합시다!
GitHub가 오직 댓글 내에서만 <ins>와 <del>에 밑줄과 취소선을 적용한다는 사실을 알게 되었습니다. 하지만 저는 정말로 색상 표시가 그리워집니다. 색상 단서가 없으면 대량의 콘텐츠 변경 사항을 한눈에 파악하기가 어렵습니다.
여전히 찬성입니다. @awesomerobot도 동의한다면, 진행합시다.
이게 모든 사람에게 영향을 미치나요? 저는 하이라이트를 표시하는 데 그걸 사용하거든요. ㅋㅋ
모두에게 영향을 미치지만, <mark> 태그는 강조 표시에도 사용할 수 있습니다!
색상과 텍스트 스타일링을 모두 적용해야 한다고 생각합니다. 진행할 예정이며, 우선순위가 낮은 작업일 뿐입니다.
맞는 말이죠. 하지만 초록색과 빨간색은 더 많은 옵션을 제공합니다. 하이라이트만 하거나 텍스트 스타일을 추가할 수 있는 설정이 있을까요?
블로그에서 꽤 많이 사용해 봤습니다. 완전히 달라질 거예요.
예시:
크리스가 100% 확인해 주어야 하지만, 당신의 사이트에서 테마 컴포넌트를 통해 새로운 밑줄/취소선을 빠르게 오버라이드할 수 있을 것이라고 99% 확신합니다.
네, 물론이죠! 테마를 업데이트해서 아무런 변경 사항이 없도록 하겠습니다!
아마도 @ThunderThighs는 mark.red, mark.green, mark.blue와 같은 스타일을 원하실까요?
하이라이터 사용자들이 여러 가지 색을 가진 하이라이터를 선호하는 경우가 많습니다.
색상 코딩이 중요한 경우, 스크린 리더를 위한 :before와 :after 콘텐츠도 고려해 볼 수 있습니다. 그렇지 않으면, 많은 스크린 리더가 mark 태그 자체는 읽지 않고 그 내용만 낭독한다는 점을 이해하고 계실 것입니다.
