block--menu-block--header.html.twig 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. {#
  2. /**
  3. * @file
  4. * Theme override for a menu block.
  5. *
  6. * Available variables:
  7. * - plugin_id: The ID of the block implementation.
  8. * - label: The configured label of the block if visible.
  9. * - configuration: A list of the block's configuration values.
  10. * - label: The configured label for the block.
  11. * - label_display: The display settings for the label.
  12. * - provider: The module or other provider that provided this block plugin.
  13. * - Block plugin specific settings will also be stored here.
  14. * - content: The content of this block.
  15. * - attributes: HTML attributes for the containing element.
  16. * - id: A valid HTML ID and guaranteed unique.
  17. * - title_attributes: HTML attributes for the title element.
  18. * - content_attributes: HTML attributes for the content element.
  19. * - title_prefix: Additional output populated by modules, intended to be
  20. * displayed in front of the main title tag that appears in the template.
  21. * - title_suffix: Additional output populated by modules, intended to be
  22. * displayed after the main title tag that appears in the template.
  23. *
  24. * Headings should be used on navigation menus that consistently appear on
  25. * multiple pages. When this menu block's label is configured to not be
  26. * displayed, it is automatically made invisible using the 'visually-hidden' CSS
  27. * class, which still keeps it visible for screen-readers and assistive
  28. * technology. Headings allow screen-reader and keyboard only users to navigate
  29. * to or skip the links.
  30. * See http://juicystudio.com/article/screen-readers-display-none.php and
  31. * http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
  32. */
  33. #}
  34. {%
  35. set classes = [
  36. 'block',
  37. 'block-menu',
  38. 'navigation',
  39. 'menu--' ~ derivative_plugin_id|clean_class,
  40. ]
  41. %}
  42. {% set heading_id = attributes.id ~ '-menu'|clean_id %}
  43. <nav role="navigation" aria-labelledby="{{ heading_id }}"{{ attributes.addClass(classes)|without('role', 'aria-labelledby') }}>
  44. {# Label. If not displayed, we still provide it for screen readers. #}
  45. {% if not configuration.label_display %}
  46. {% set title_attributes = title_attributes.addClass('visually-hidden') %}
  47. {% endif %}
  48. <h2{{ title_attributes.setAttribute('id', heading_id) }}>&#9776;</h2>
  49. <!-- <label for="{{ heading_id }}">&#9776;</label>
  50. <input type="checkbox" id="{{ heading_id }}"/> -->
  51. {# Menu. #}
  52. {% block content %}
  53. {{ content }}
  54. {% endblock %}
  55. </nav>