diff --git a/gallery/src/pages/components/ha-control-button.ts b/gallery/src/pages/components/ha-control-button.ts
index 0c3ad180be..908ca808d4 100644
--- a/gallery/src/pages/components/ha-control-button.ts
+++ b/gallery/src/pages/components/ha-control-button.ts
@@ -59,7 +59,7 @@ export class DemoHaBarButton extends LitElement {
               <ha-control-button
                 class=${ifDefined(btn.class)}
                 label=${ifDefined(btn.label)}
-                disabled=${ifDefined(btn.disabled)}
+                ?disabled=${btn.disabled}
               >
                 <ha-svg-icon .path=${btn.icon || mdiLightbulb}></ha-svg-icon>
               </ha-control-button>
diff --git a/gallery/src/pages/components/ha-control-select.ts b/gallery/src/pages/components/ha-control-select.ts
index 2f9eda7564..e0d1e0e345 100644
--- a/gallery/src/pages/components/ha-control-select.ts
+++ b/gallery/src/pages/components/ha-control-select.ts
@@ -135,7 +135,7 @@ export class DemoHaControlSelect extends LitElement {
                 class=${ifDefined(config.class)}
                 @value-changed=${this.handleValueChanged}
                 aria-labelledby=${id}
-                disabled=${ifDefined(config.disabled)}
+                ?disabled=${config.disabled}
               >
               </ha-control-select>
             </div>
@@ -156,7 +156,7 @@ export class DemoHaControlSelect extends LitElement {
                   class=${ifDefined(config.class)}
                   @value-changed=${this.handleValueChanged}
                   aria-labelledby=${id}
-                  disabled=${ifDefined(config.disabled)}
+                  ?disabled=${config.disabled}
                 >
                 </ha-control-select>
               `;
diff --git a/gallery/src/pages/components/ha-control-switch.ts b/gallery/src/pages/components/ha-control-switch.ts
index 8311e2a0a5..128a23773f 100644
--- a/gallery/src/pages/components/ha-control-switch.ts
+++ b/gallery/src/pages/components/ha-control-switch.ts
@@ -63,8 +63,8 @@ export class DemoHaControlSwitch extends LitElement {
                 .pathOn=${mdiLightbulb}
                 .pathOff=${mdiLightbulbOff}
                 aria-labelledby=${id}
-                disabled=${ifDefined(config.disabled)}
-                reversed=${ifDefined(config.reversed)}
+                ?disabled=${config.disabled}
+                ?reversed=${config.reversed}
               >
               </ha-control-switch>
             </div>
@@ -86,8 +86,8 @@ export class DemoHaControlSwitch extends LitElement {
                   aria-label=${label}
                   .pathOn=${mdiGarageOpen}
                   .pathOff=${mdiGarage}
-                  disabled=${ifDefined(config.disabled)}
-                  reversed=${ifDefined(config.reversed)}
+                  ?disabled=${config.disabled}
+                  ?reversed=${config.reversed}
                 >
                 </ha-control-switch>
               `;
diff --git a/src/components/data-table/ha-data-table.ts b/src/components/data-table/ha-data-table.ts
index 10293fc761..44c49ea109 100644
--- a/src/components/data-table/ha-data-table.ts
+++ b/src/components/data-table/ha-data-table.ts
@@ -300,7 +300,7 @@ export class HaDataTable extends LitElement {
               };
               return html`
                 <div
-                  aria-label=${column.label}
+                  aria-label=${ifDefined(column.label)}
                   class="mdc-data-table__header-cell ${classMap(classes)}"
                   style=${column.width
                     ? styleMap({
diff --git a/src/components/ha-control-number-buttons.ts b/src/components/ha-control-number-buttons.ts
index 5bcb0687c3..36172f4e08 100644
--- a/src/components/ha-control-number-buttons.ts
+++ b/src/components/ha-control-number-buttons.ts
@@ -147,11 +147,11 @@ export class HaControlNumberButton extends LitElement {
           id="input"
           class="value"
           role="spinbutton"
-          .tabIndex=${this.disabled ? "-1" : "0"}
-          aria-valuenow=${this.value}
+          tabindex=${this.disabled ? "-1" : "0"}
+          aria-valuenow=${ifDefined(this.value)}
           aria-valuetext=${`${value}${unit}`}
-          aria-valuemin=${this.min}
-          aria-valuemax=${this.max}
+          aria-valuemin=${ifDefined(this.min)}
+          aria-valuemax=${ifDefined(this.max)}
           aria-label=${ifDefined(this.label)}
           ?disabled=${this.disabled}
           @keydown=${this._handleKeyDown}
@@ -170,7 +170,7 @@ export class HaControlNumberButton extends LitElement {
           .disabled=${this.disabled ||
           (this.min != null && this._value <= this.min)}
         >
-          <ha-svg-icon aria-hidden .path=${mdiMinus}></ha-svg-icon>
+          <ha-svg-icon .path=${mdiMinus}></ha-svg-icon>
         </button>
         <button
           class="button plus"
@@ -181,7 +181,7 @@ export class HaControlNumberButton extends LitElement {
           .disabled=${this.disabled ||
           (this.max != null && this._value >= this.max)}
         >
-          <ha-svg-icon aria-hidden .path=${mdiPlus}></ha-svg-icon>
+          <ha-svg-icon .path=${mdiPlus}></ha-svg-icon>
         </button>
       </div>
     `;
diff --git a/src/components/ha-date-range-picker.ts b/src/components/ha-date-range-picker.ts
index 8d01e23ecd..1532409130 100644
--- a/src/components/ha-date-range-picker.ts
+++ b/src/components/ha-date-range-picker.ts
@@ -8,24 +8,25 @@ import {
   addMonths,
   addYears,
   endOfDay,
-  endOfWeek,
   endOfMonth,
+  endOfWeek,
   endOfYear,
   startOfDay,
-  startOfWeek,
   startOfMonth,
+  startOfWeek,
   startOfYear,
 } from "date-fns";
 import {
-  css,
   CSSResultGroup,
-  html,
   LitElement,
-  nothing,
   PropertyValues,
   TemplateResult,
+  css,
+  html,
+  nothing,
 } from "lit";
 import { customElement, property, state } from "lit/decorators";
+import { ifDefined } from "lit/directives/if-defined";
 import { calcDate } from "../common/datetime/calc_date";
 import { firstWeekdayIndex } from "../common/datetime/first_weekday";
 import { formatDate } from "../common/datetime/format_date";
@@ -34,9 +35,9 @@ import { useAmPm } from "../common/datetime/use_am_pm";
 import { computeRTLDirection } from "../common/util/compute_rtl";
 import { HomeAssistant } from "../types";
 import "./date-range-picker";
+import "./ha-icon-button";
 import "./ha-svg-icon";
 import "./ha-textfield";
-import "./ha-icon-button";
 
 export interface DateRangePickerRanges {
   [key: string]: [Date, Date];
@@ -250,8 +251,9 @@ export class HaDateRangePicker extends LitElement {
         start-date=${this.startDate.toISOString()}
         end-date=${this.endDate.toISOString()}
         ?ranges=${this.ranges !== false}
-        opening-direction=${this.openingDirection ||
-        this._calcedOpeningDirection}
+        opening-direction=${ifDefined(
+          this.openingDirection || this._calcedOpeningDirection
+        )}
         first-day=${firstWeekdayIndex(this.hass.locale)}
         language=${this.hass.locale.language}
       >
diff --git a/src/panels/config/automation/add-automation-element-dialog.ts b/src/panels/config/automation/add-automation-element-dialog.ts
index b449952b64..f67a3a3596 100644
--- a/src/panels/config/automation/add-automation-element-dialog.ts
+++ b/src/panels/config/automation/add-automation-element-dialog.ts
@@ -580,7 +580,7 @@ class DialogAddAutomationElement extends LitElement implements HassDialog {
                   : html`<img
                       alt=""
                       slot="start"
-                      src=${item.image}
+                      src=${item.image!}
                       crossorigin="anonymous"
                       referrerpolicy="no-referrer"
                     />`}
diff --git a/src/panels/lovelace/header-footer/hui-picture-header-footer.ts b/src/panels/lovelace/header-footer/hui-picture-header-footer.ts
index f2a9f9d0ae..2e84a7ba03 100644
--- a/src/panels/lovelace/header-footer/hui-picture-header-footer.ts
+++ b/src/panels/lovelace/header-footer/hui-picture-header-footer.ts
@@ -68,7 +68,7 @@ export class HuiPictureHeaderFooter
 
     return html`
       <img
-        alt=${this._config!.alt_text}
+        alt=${ifDefined(this._config?.alt_text)}
         @action=${this._handleAction}
         .actionHandler=${actionHandler({
           hasHold: hasAction(this._config!.hold_action),
diff --git a/tsconfig.json b/tsconfig.json
index 7d66545b0f..f535c927ee 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -36,8 +36,6 @@
           // Binding names
           "no-legacy-attribute": "error",
           // Binding types
-          "no-boolean-in-attribute-binding": "warning",
-          "no-nullable-attribute-binding": "warning",
           "no-incompatible-type-binding": "warning",
           // LitElement
           "no-incompatible-property-type": "warning",