Sidebar close button localisation

[thisisjofrank]

  <button
            type="button"
            aria-label="Close navigation bar"
            id="sidebar-close"
          >
            <svg
              viewBox="0 0 15 15"
              width="16"
              height="16"
              class="text-foreground-secondary"
            >
              <g stroke="currentColor" stroke-width="1.2">
                <path d="M.75.75l13.5 13.5M14.25.75L.75 14.25"></path>
              </g>
            </svg>
          </button>

This works for English, but it's better to use text, rather than an attribute, for localization/i18n purposes. Text is more easily translated, where attributes may not be. So the ideal markup here would look like this (overly simplified) example:

<button>
  <svg aria-hidden="true" />
  <span class="sr-only">Close navigation bar</span>
</button>