Con respecto a la consistencia de accesibilidad, los sistemas de diseño y las unidades «básicas» de CSS

Mi cerebro no puede evitar tratar de conectarse entre ideas aparentemente diferentes. Esto es lo que sucedió ayer cuando leí:

Lo que tenemos es:

• Un problema semántico, es decir, un solo componente puede cumplir con WCAG. Es posible que podamos «optimizar» los componentes para acceder, pero la experiencia accesible consiste en una página web completa que contiene componentes diseñados para trabajar juntos.
• El deseo de automatizar todo en un sistema de diseño. Actualizarlo aquí y luego actualizarlo todo. Sin embargo, la pregunta que aún existe es si cambiar un componente en el sistema de diseño afectará a otros componentes.
• Meditación en una posible nueva unidad «básica» CSS. La idea es establecer un elemento en una «base» que permita que otros elementos hereden sus propiedades relacionadas con la fuente como la raíz de un mejor ritmo vertical entre elementos, independientemente de su proximidad.

Déjame pensar:

• ¿Pueden las unidades básicas en CSS hacer que los componentes sean más interoperables? Por ejemplo, si un botón puede heredar su tamaño de fuente, dependiendo de sus otros componentes? Como una unidad de consulta de contenedores, pero no se requieren otros envoltorios en la etiqueta.
• ¿Esto permite que los sistemas de diseño cambien las cascadas entre los componentes de manera más suave?
• ¿Las propiedades heredadas a través de elementos básicos harán que el componente sea más optimizado para el cumplimiento de WCAG cuando se implementan en páginas utilizando otros componentes?
• ¿Esto se superpone con CSS? @scope ¿Es fundamental?

Lo siento, la idea de ducharse es divertida, pero es divertido pensar en cómo funcionan estas ideas juntas.