flag_image: una imagen SVG de bandera incluida

{%flag_image%} devuelve un elemento <img> preparado para la bandera SVG incluida de la configuración regional.

Marcado generado

La imagen utiliza:

• la clase pom-translate-language-switcher__flag-image;
• un ancho de 22;
• un valor de alt basado en el nombre del idioma en inglés, o en el nombre local cuando es necesario;
• una URL dentro de los recursos locales de banderas de POM Translate.

El valor queda vacío cuando la definición de la configuración regional no tiene datos de bandera. POM Translate prepara la imagen solo cuando la plantilla actual realmente solicita flag_image.

Combinar la imagen con texto

{%flag_image%} {%local_label%}

Una bandera debe seguir siendo complementaria. Un idioma puede abarcar varios países, un país puede tener varios idiomas y una configuración regional personalizada puede no tener un recurso coincidente. El texto adyacente mantiene comprensible la elección e impide que una imagen ausente elimine toda la etiqueta.

Verificar los recursos y el espaciado

Inspecciona cada configuración regional activada después de guardar. Confirma que cada imagen solicitada se carga, que su texto alternativo es apropiado y que una configuración regional sin datos de bandera no deja un espaciado extraño. Prueba también el selector en su ancho mínimo admitido.

Para un emoji proporcionado con un contenedor de accesibilidad, utiliza flag_html.