sqr*_*ble 2 html javascript css accessibility
我是一名 Web 开发和编程专业的学生，通过我的课程，我发现我对使用响应式 Web 设计进行面向“包容性和可访问性”的 Web 开发特别感兴趣。
我正在尝试使用 HTML5 制作我的网站（尝试尽可能严格，a-la XHTML，并尝试尽可能有效），我在允许我的 CSS（颜色、字体、等等...）或多或少地退居次要用户使用网站所需的任何东西。
我从 Heydon Pickering 的书“包容性设计模式”中学到的一件事是使用：
<link rel="stylesheet" href="main.css" media="none" onload="if(media!='all')media='all'"/>
听起来不错，但它无法验证（使用validator.w3.org），因为：
Error: Bad value none for attribute media on element link: Media query ended prematurely.
我知道我可以只使用 Javascript（jQuery 或类似的），但为了与 Progressive Enhancement 保持一致，无论是否启用 Javascript，我都需要使其可用（这不是我将这些东西强加给用户的地方） ）。
我的主要问题是，有没有一种方法可以让我的 CSS 在客户端被覆盖，以便用户可以使用设置，使他们能够在不使用 Javascript 的情况下充分利用他们的网络浏览体验，或者直接使用没有有效的 HTML？
我在整体网页设计或编程方面仍然不是那么出色，但这是我真正想继续做的事情。我将不胜感激与此相关的任何和所有帮助。
非常感谢。
有没有一种方法可以让我的 CSS 在客户端被覆盖，这样用户就可以使用设置，让他们在不使用 Javascript 的情况下充分利用他们的网络浏览体验，或者直接没有有效的 HTML？
许多浏览器（包括 Chrome 和 Firefox）都有一个称为用户样式表的功能，它允许用户为各种用例实现自定义 CSS，包括可访问性增强（例如使文本更大，或增加对比度）。此功能已经内置并且不需要任何第三方扩展，但是存在诸如 Stylish 之类的扩展来帮助管理用户样式表。
由于它完全是客户端，并且已经内置，因此您无需以作者身份执行任何操作即可在您的站点上启用此功能。