Blind Veterans UK 的工作人员已经熟悉了 CMS,因此继续使用该提供商是合理的,因为 Jamstack 是 CMS 不可知论者。当涉及到渲染技术时,我们希望尽可能多地控制页面。我们希望能够非常仔细地微调每个交互。我们选择了11ty,因为它不做任何假设,让您以自己的方式编写代码。它只是获取数据并将其合并以创建一个静态站点。这使我们能够控制可访问性的每个方面,因为 11ty 不会自动导入任何脚本(例如 Gatsby)。它只会执行您告诉它要做的事情,这正是我们想要的。
我们热衷于制作更好的 HTML/CSS 并使用浏览器,而不是包含一个只使用其中一小部分的大型 JS 项目。对于这个项目,我们采用了无 JS 方法,使页面在没有 JS 的情况下也能很好地呈现,然后在组件需要时对其进行升级。这使我们的 象牙whatsapp数据 首次绘制速度非常快,因为任何 JS 都会被延迟并且不会阻塞渲染。
可访问性改进的一个例子来自用户研究。一些屏幕阅读器有一个“区域”快捷方式,允许它们跳转到页面的重要部分。我们希望使用某些组件来实现这一点,使用 Jamstack,我们可以确定地做到这一点,因为我们知道 HTML 不会在构建后被修改。
满分?
我们在部署新网站时学到的一件事是,所见即所得编辑器允许您无序添加标题(例如 H2 然后是 H1)。这是一个可访问性问题,使网站无法获得 100/100 的分数。我们正在努力进行转换以重新排序这些标题,以防止内容输入错误。
未来
无头 CMS 和 Jamstack 的一大优点是前端开发人员可以以务实的方式控制内容。例如,我们正在探索使用 AWS Polly 将文本段落转换为 MP3 的想法,用户只需单击按钮即可阅读。这对于没有屏幕阅读器或刚接触屏幕阅读器的人很有用。使用Netlify 函数调用 AWS 可以更轻松地实现这一点,它可以实时转换文本并以大约 1 秒的延迟返回音频。由于段落以 JSON 数组的形式返回,我们可以轻松地在需要的地方添加按钮,而不是在菜单等部分中添加。然后,按钮只会按需呈现,不会导致页面加载延迟。
安全
静态托管网站的一大优势是其所有流量都流向 CDN Netlify Edge。托管 CMS 的原始服务器不会获得任何实时流量。除此之外,我们还添加了最新的安全标头,以使浏览器尽可能安全:
由于该网站纯粹是信息性的,我们可以告诉浏览器,任何 JS 都不应访问任何其他功能(例如相机)。