Cristina Fernández Sanz cristinafsanz

https://olgacarreras.blogspot.com/2023/12/accesibilidad-en-spa-single-page.html:
Feedback al usuario: incluye mensajes de cargado datos y de página cargada

 <div role="status" aria-live="polite"><p>Cargando datos de la página... <img alt="" src="spinner.gif"></p></div>

<div role="status" aria-live="polite"><img alt="Cargando datos de la página..." src="spinner.gif"></div>

<search role="search">
	<form action="/search">
		<label>
			Search:
			<input type="search" name="search">
		</label>
		<button>Search</button>
	</form>

https://www.paradigmadigital.com/dev/herramientas-mejorar-accesibilidad

Por Noe Medina:

Los errores más comunes son:

No cumplir con el mínimo de contraste de color: 83,6%.
Imágenes sin descripciones (descripciones de verdad, no el título del jpg que estamos pintando): 58,2%.
Links vacíos: 50,1%.
Inputs sin labels asociadas: 45,9%.

Same as:

john: {
  firstname: "John",
  lastname: "Doe",
  greet: function() {
    return `Hi ${this.firstname}`
  }
}

https://gist.github.com/mcatta/6496191

var cleanText = strInputCode.replace(/<[\/]{0,1}(div)[^><]*>/g,"");

https://twitter.com/Manz/status/1583806623956766720

@layer
Custom Props
Logic properties
Grid
clip-path
CSS Nesting
object-view-box

<section>
  <div class="ballet"></div>
  <div class="cat"></div>
  <div class="gramophone"></div>
  <div class="sparrow"></div>
  <div class="sunset"></div>
  <div class="turkey"></div>
</section>

new Date().toLocaleDateString("de-DE", {
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
})

	$colors:(
	"color-primary": #303960,
	"color-secondary": #e03960
	);

	@function color($color-name) {
	return map-get($colors, $color-name);
	}

	.section {

	.container {
	display: grid;
	place-items: center;
	}