F110Fallo del criterio de conformidad 2.4.11 debido a que un pie de página o una cabecera fijos ocultan por completo los elementos con el foco

✓ Así sí: Reserva de espacio con scroll-padding

Se añade scroll-padding-bottom al elemento raíz con la altura de la barra, de modo que al mover el foco el navegador deja ese margen libre, y un padding-bottom en el contenido para que el último enlace también pueda quedar por encima de la barra. El enlace con el foco siempre queda visible.

<style>
  html { scroll-padding-bottom: 100px; }
  .contenido { padding-bottom: 100px; }
  .barra { position: fixed; left: 0; right: 0; bottom: 0; height: 90px; box-sizing: border-box; padding: 12px 16px; background: #412c56; color: #fff; }
  .barra a { color: #fff; }
  .barra a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
  li { margin: 10px 0; }
  li a:focus-visible { outline: 3px solid #744E9A; outline-offset: 2px; }
</style>
<div class="contenido">
  <h2>Trámites del ayuntamiento</h2>
  <ul>
    <li><a href="#">Alta en el padrón</a></li>
    <li><a href="#">Certificado de empadronamiento</a></li>
    <li><a href="#">Licencia de obra menor</a></li>
    <li><a href="#">Reserva de instalaciones deportivas</a></li>
    <li><a href="#">Tarjeta de aparcamiento para residentes</a></li>
    <li><a href="#">Ayudas al alquiler</a></li>
    <li><a href="#">Quejas y sugerencias</a></li>
    <li><a href="#">Bonificación del IBI</a></li>
    <li><a href="#">Recogida de enseres</a></li>
    <li><a href="#">Matrícula en la escuela de música</a></li>
  </ul>
</div>
<div class="barra">¿Necesita ayuda con un trámite? Llame al 010 o <a href="#">escriba al ayuntamiento</a>.</div>

Pruébelo aquí: