How to Type ä (A with umlaut) on HTML

Published August 27, 2026, 2 min read

ä is a with umlaut, a letter used in German, Slovak, Swedish and Finnish. On HTML, the quickest way to get it is ä. This guide covers every method that works, including the capital Ä and fixes for common problems.

ä on HTML: ä

Ä on HTML: Ä

Or copy it:

Method 1: Codes for web pages

Format	Code for ä
Named entity	`ä`
Decimal entity	`ä`
Hex entity	`ä`
CSS content	`content: "\00E4";`
JavaScript	`"\u00E4"`
URL encoded	`%C3%A4`
UTF-8 bytes	`C3 A4`

Method 2: Type it directly with UTF-8

If your page starts with <meta charset="utf-8"> and the file is saved as UTF-8, you can paste ä straight into the HTML. Entities are only needed when your editor or database cannot store the character.

Method 3: Watch for normalization

ä can also be written as a plus a combining mark. Both look the same but compare as different strings. In JavaScript, call str.normalize("NFC") before comparing or searching.

How to type the capital Ä

The uppercase form works the same way with Shift added where a letter is typed.

Codes for web pages

Format	Code for Ä
Named entity	`Ä`
Decimal entity	`Ä`
Hex entity	`Ä`
CSS content	`content: "\00C4";`
JavaScript	`"\u00C4"`
URL encoded	`%C3%84`
UTF-8 bytes	`C3 84`

Type it directly with UTF-8

If your page starts with <meta charset="utf-8"> and the file is saved as UTF-8, you can paste Ä straight into the HTML. Entities are only needed when your editor or database cannot store the character.

About the letter ä

ä is Unicode U+00E4, named LATIN SMALL LETTER A WITH DIAERESIS. It is used in German, Slovak, Swedish, Finnish and Estonian. Two dots above a letter. As a German umlaut it changes the vowel sound (ä, ö, ü); as a diaeresis in French, Dutch, Spanish or English (naïve, Noël) it shows that a vowel is pronounced separately. See the ä character page for every code and shortcut.

Troubleshooting

If you see Ã and other symbols, the file is UTF-8 but the browser reads it as Windows-1252. Add the meta charset tag.
Named entities are case sensitive: É and é are different letters.
In XML and XHTML only five named entities exist, so use numeric codes there.

Frequently asked questions

What is the shortcut for ä on HTML?

ä.

Can I just copy and paste ä?

Yes. Click the copy button above, then paste with Ctrl+V on Windows and Chromebook, Cmd+V on a Mac, or touch and hold and choose Paste on a phone.

What is the Unicode code for ä?

U+00E4. In HTML it is ä.

Related guides

All accent shortcuts for HTML