视障人士使用CSS?


17

因此,当我学习HTML时,我遇到了CSS。有趣的是,有了CSS,您可以使网页更酷或更漂亮。但是,由于它更多地与颜色,设计,样式等有关,所以我不知道CSS代码的结果。作为视力障碍的人,如果有视力的人总是可以设计比我更好的网页,因为他们可以看到,那么我为什么应该学习CSS?

  1. 这里有盲人程序员编写CSS吗?你是怎么做到的?
  2. 我是否应该一起忽略CSS并将其留给有眼光的程序员使用?或者在CSS中有些事情我可以做而无需要求人们查看我的页面来知道它是否具有良好的设计?

3
您可能对CSS 的听觉方面感兴趣。

1
如果您对设计不太挑剔,则可以考虑使用CSS模板-预定义的配色方案和详细信息。也许考虑与有远见的设计师合作,后者可以为您进行设置。然后,您可以根据自己的选择进行选择。
rpeg 2014年

取决于您是否为视障用户制作网页。如果两者兼而有之,则应该组队。
Ronni Skansing 2014年

Answers:


12

CSS是一种通用的样式语言,并且还包含用于听觉标记的属性。尽管主流浏览器都无法实现这些功能,但对于屏幕阅读器来说可能很有用(但考虑到听觉标记在“野外”并不常见,因此我不知道是否可以实现这种功能)。

作为一个有见识的人,我在一个紧密的反馈循环中编写CSS,在其中我更改了一些CSS,然后观察页面如何变化。如果这种反馈是不可能的或非常困难的,则我们必须退回到设计原则,并希望它们能正确解决。

  • 当我们将页面视为网格时,比例更易于管理。常见的划分是将第一行用于导航和标题,将右列用于相关内容。左列用于主要内容,宽度大约是右列的2至3倍。这大致是如何显示Stack Exchange网站的。在CSS中,可以使用display: table和相关的显示样式table-rowtable-cell或使用新的flexbox模型来实现。确切的比例令人惊讶地不重要。

  • 将页面水平居中时,页面看起来更好。

  • 一个不需要使用太多的颜色:有一种背景色(通常是明亮的和不饱和的)和一种文本色(通常是深色和饱和的)。我们可以降低亮度对比度,以减少对脚注,下划线或其他细节等文本的强调。为此,使用HSV颜色模型应该比RGB容易得多。如果纯灰色太无聊,则可以使用许多调色板。应该使用颜色,但要谨慎使用。

  • 字体大小也可以用来表示重要性-2pt且不低于9pt的步幅似乎是明智的。对于普通文本,字体大小不能超过14pt。总之,字体大小和文本的对比度类似于语音量。

  • CSS不仅提供像px或的绝对测量单位,cm而且提供像或的相对单位em和像thin或的关键字medium。使用相对度量和这些关键字通常更容易。

  • 文字的宽度不得超过40em

  • 浏览器附带默认样式表。它们不漂亮,但是您不必覆盖所有内容。选择一个简单的webfont并为文本元素设置最大宽度是两个最重要的事情。编写语义HTML对于使用默认样式很重要。

这样,就可以设计一个简单的博客等样式。然而:

  • 调试代码很困难,甚至在您看不到自己在做什么的时候,调试起来也会更加困难。我第一次尝试时做的不好。但是,您什至知道什么时候看起来“正确”?

  • 有些事情需要元素的精确放置,例如在弹出菜单中。

  • 图像和图标可以增加设计的深度,但是您很难选择。

  • CSS盒子模型非常可怕,通常很难在您的脑海中模拟。

我以为您将能够编写一些CSS,但令人难以置信。我不知道存在哪些辅助技术,但是我认为,触觉反馈将允许您设计总体布局。也许与有视力的人进行配对编程可能是较小细节的好解决方案?


3
我同意结对编程的建议。与调试或体系结构一样,Sight只是另一个值得借鉴的技能。
乔恩·普迪2014年

5

如果EşrefArmağan可以绘画,那么盲人应该可以创建网页。但是鉴于难度有多大,您可能应该考虑其他编程领域。我认识几个盲人程序员,他们非常高效,部分原因是他们需要始终牢记整个程序。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.